使用VueCLI把项目编译成组件库

在package.json的script段加上：

"build:lib": "vue-cli-service build --target lib --dest lib --name myLib src/index.js",

然后在终端输入：

npm run build:lib

即可生成UMD模式的js文件。

在需要引用这个组件库的项目的public/index.html文件里加上

<script src="/lib/myLib.js"><script>

在项目的vue.config里设置外部库：

 configureWebpack: {

    // 别的设置

    externals: {
      'myLib': 'myLib'
    },

    // 别的设置
 }

好了，现在就可以愉快地使用组件了