@luzhaoqi/test 0.0.1

package/README.md

@@ -0,0 +1,24 @@
+# project-name
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

package/dist/assets/css/index.css

@@ -0,0 +1,24 @@
+@font-face {
+  font-family: "element-icons";
+  src: url("../fonts/element-icons.woff") format("woff"), url("../fonts/element-icons.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+[class^=k-icon-] {
+  font-family: "element-icons" !important;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  vertical-align: baseline;
+  display: inline-block;
+}
+
+.k-icon-success:before {
+  content: "\e79c";
+}
+
+* {
+  color: red;
+}

package/dist/lib-cjs.js

@@ -0,0 +1,166 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+//
+//
+//
+//
+
+var script = {
+  name: 'k-icon',
+  props: {
+    name: String
+  }
+};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
+/* server only */
+, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+  if (typeof shadowMode !== 'boolean') {
+    createInjectorSSR = createInjector;
+    createInjector = shadowMode;
+    shadowMode = false;
+  } // Vue.extend constructor export interop.
+
+
+  var options = typeof script === 'function' ? script.options : script; // render functions
+
+  if (template && template.render) {
+    options.render = template.render;
+    options.staticRenderFns = template.staticRenderFns;
+    options._compiled = true; // functional template
+
+    if (isFunctionalTemplate) {
+      options.functional = true;
+    }
+  } // scopedId
+
+
+  if (scopeId) {
+    options._scopeId = scopeId;
+  }
+
+  var hook;
+
+  if (moduleIdentifier) {
+    // server build
+    hook = function hook(context) {
+      // 2.3 injection
+      context = context || // cached call
+      this.$vnode && this.$vnode.ssrContext || // stateful
+      this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional
+      // 2.2 with runInNewContext: true
+
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__;
+      } // inject component styles
+
+
+      if (style) {
+        style.call(this, createInjectorSSR(context));
+      } // register component module identifier for async chunk inference
+
+
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier);
+      }
+    }; // used by ssr in case component is cached and beforeCreate
+    // never gets called
+
+
+    options._ssrRegister = hook;
+  } else if (style) {
+    hook = shadowMode ? function () {
+      style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
+    } : function (context) {
+      style.call(this, createInjector(context));
+    };
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // register for functional component in vue file
+      var originalRender = options.render;
+
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context);
+        return originalRender(h, context);
+      };
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate;
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+    }
+  }
+
+  return script;
+}
+
+var normalizeComponent_1 = normalizeComponent;
+
+
+var __vue_normalize__ = /*@__PURE__*/getDefaultExportFromCjs(normalizeComponent_1);
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("i", { class: "k-icon-" + _vm.name })
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+__vue_component__.install = function (Vue) {
+  Vue.component(__vue_component__.name, __vue_component__);
+};
+
+const components = [__vue_component__];
+const install = (Vue, option = {}) => {
+  components.forEach((component) => {
+    Vue.use(component, option);
+  });
+};
+var index = {
+  install
+};
+
+exports.Icon = __vue_component__;
+exports.default = index;

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@luzhaoqi/test",
+  "version": "0.0.1",
+  "private": false,
+  "main": "dist/lib-cjs.js",
+  "scripts": {
+    "build--rollup": "rollup -c",
+    "pub": "npm publish --access public",
+    "lib--rollup": "npm run build--rollup & npm run pub",
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "core-js": "^3.8.3",
+    "vue": "^2.6.14",
+    "vue-router": "^3.5.1",
+    "vuex": "^3.6.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.16",
+    "@babel/eslint-parser": "^7.12.16",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-json": "^6.0.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-replace": "^5.0.4",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-plugin-router": "~5.0.0",
+    "@vue/cli-plugin-vuex": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "autoprefixer": "^10.4.16",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "prettier": "^2.4.1",
+    "rollup": "^3.23.0",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-vue": "~5.0.0",
+    "sass": "^1.32.7",
+    "sass-loader": "^12.0.0",
+    "vue-template-compiler": "^2.6.14"
+  }
+}

package/rollup.config.mjs

@@ -0,0 +1,75 @@
+// 支持读取json文件
+import json from "@rollup/plugin-json";
+// 压缩代码
+// import terser from "@rollup/plugin-terser";
+// 支持直接打包 node-modules 里面的内容
+import resolve from "@rollup/plugin-node-resolve";
+// 支持commonjs 语法
+import commonjs from "@rollup/plugin-commonjs";
+// 更改 rollup 的环境变量
+import replace from "@rollup/plugin-replace";
+// rollup-plugin-vue 包含着 scss ,所以我们可以自由使用 scss
+import vue from "rollup-plugin-vue";
+// rollup-plugin-copy 主要负责资源的 复制，将静态资源直接复制到 assets 中去
+import copy from "rollup-plugin-copy";
+// rollup-plugin-postcss 和 autoprefixer 主要是一些 scss 语法的兼容，不安装打包会报错
+import postcss from "rollup-plugin-postcss";
+import autoprefixer from "autoprefixer";
+
+export default {
+  input: "./lib/index.js",
+  output: [
+    {
+      file: "./dist/lib-umd.js",
+      format: "umd",
+      name: "myLib"
+    },
+    {
+      file: "./dist/lib-es.js",
+      format: "es"
+    },
+    {
+      file: "./dist/lib-cjs.js",
+      format: "cjs"
+    },
+    {
+      file: "./dist/lib-system.js",
+      format: "system"
+    },
+    {
+      file: "./dist/lib-iife.js",
+      format: "iife"
+    },
+    {
+      file: "./dist/lib-amd.js",
+      format: "amd"
+    }
+  ],
+  plugins: [
+    commonjs(),
+    resolve(),
+    json(),
+    replace({
+      "process.env.NODE_ENV": JSON.stringify("development"),
+      "process.env.VUE_ENV": JSON.stringify("browser")
+    }),
+    vue(),
+    postcss({
+      plugins: [
+        // 前缀
+        autoprefixer()
+      ],
+      // 把 css 拎出来
+      extract: "assets/css/index.css"
+    }),
+    copy({
+      targets: [
+        {
+          src: "./lib/fonts/**",
+          dest: "dist/assets/fonts"
+        }
+      ]
+    })
+    // terser()
+  ]
+};