qq-test-components v0.1.2

tech-components

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

六、npm发布前准备工作

1、打包编译命令

  "scripts": {
      "dev": "vue-cli-service serve",
      "lib": "vue-cli-service build --target lib --name tree-select --dest lib packages/index.js"
  },

• --target: 构建目标，默认为应用模式。这里修改为 lib 启用库模式;
• --name: 打包后的文件名;
• --dest：输出目录，默认 dist。这里我们改成 lib;

• entry：入口文件，默认为 src/App.vue。这里我们指定编译 packages/index.js。

  执行命令npm run lib后，会发现项目中多了一个文件夹。

• lib/tree-select.common.js：一个给打包器用的 CommonJS 包 (不幸的是，webpack 目前还并没有支持 ES modules 输出格式的包)

• lib/tree-select.umd.js：一个直接给浏览器或 AMD loader 使用的 UMD 包
• lib/tree-select.umd.min.js：压缩后的 UMD 构建版本

2、配置主入口文件

在package.json文件中写入：

"main": "lib/tree-select.umd.min.js",

测试 更新版本号