原因
之前公司组件库都是放在npm上，然后使用的时候通过npm使用，但是这样的话，如果组件有更新，其他项目使用到组件的时候，也必须更新然后重新发包发布，系统很多的时候会很麻烦，于是想到是不是可以将打包好的js通过script的方式引入，这样只需要更新静态资源就可以了，不需要每个系统升级更新重新发布
vue中使用
- 组件库使用npm run lib打包之后在lib文件夹中的common.js和common.css就是我们需要的资源文件
- index.html页面中引入js和css静态资源文件
- vue.config.js
module.exports = {
configureWebpack: {
externals: {
‘a’: 'a', // 这边就是自己要引入的资源文件名
}
}
}
- main.js
import a from 'a'
Vue.use(a)
注：上面的名称a是会去全局中寻找a的变量，所以打包之后的文件需要挂载在window.a变量中，即将打包之后的common.js文件中的module.exports替换成window.a即可
