我用vue-cli2制作了一个项目A,功能为一个有图片有样式有动态功能的日历。
我现在需要把项目A打包成一个库,然后供多个vue项目引用。
这个项目A应该如何打包才能让别的项目import进去?
###- 首先,vue-cli 有提供 build targets 选项,除了可以 build 成标准的 SPA,还可以 build 成 library
- vue-cli2 有点太旧了,建议升级到 4
- 这部分主要是 webpack 的工作,实际上你只要把入口改成入口 vue 文件,大概率就能实现
- 如果你引用了一些样式或其它资源,就比较难处理,那就得具体问题具体分析了
output: {
// ...other config
filename: "my-awesome-lib.js",
library: "MyAwesomeLib", // 同时也是script引入时的全局命名
libraryTarget: "umd", // 打包格式,umd同时支持script引用和commonjs引入.
libraryExport: "default", // 使用时少一层
umdNamedDefine: true
},
建议升级@vue/cli3以上
开箱即用的库构建配置