npm.io
0.1.2 • Published 4 years ago

qq-test-components

Licence
—
Version
0.1.2
Deps
6
Size
563 kB
Vulns
1
Weekly
0

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",

测试 更新版本号