用vue-cli2制作的项目A，如果想被项目B import进去? 项目A应该如何打包？？

Question

我用vue-cli2制作了一个项目A，功能为一个有图片有样式有动态功能的日历。

我现在需要把项目A打包成一个库，然后供多个vue项目引用。

这个项目A应该如何打包才能让别的项目import进去？

Answer 1

1. 首先，vue-cli 有提供 build targets 选项，除了可以 build 成标准的 SPA，还可以 build 成 library
2. vue-cli2 有点太旧了，建议升级到 4
3. 这部分主要是 webpack 的工作，实际上你只要把入口改成入口 vue 文件，大概率就能实现
4. 如果你引用了一些样式或其它资源，就比较难处理，那就得具体问题具体分析了

Answer 2

output: {
    // ...other config
    filename: "my-awesome-lib.js",
    library: "MyAwesomeLib", // 同时也是script引入时的全局命名
    libraryTarget: "umd",   // 打包格式,umd同时支持script引用和commonjs引入.
    libraryExport: "default", // 使用时少一层
    umdNamedDefine: true
},

建议升级@vue/cli3以上
开箱即用的库构建配置