前面介绍了webpack两种引用第三方类库的方法ProvidePlugin和import
-
import方法：
属于局部引用，但是引用后不管你是否使用该类库都会将该类库打包，这样会造成代码冗余
-
ProvidePlugin：
属于全局引用，但只有在使用此类库的时候才将类库打包，所以建议在工作中使用此方法进行引用
抽离第三方类库
安装第三方类库，我这里以jquery、vue为例
npm i -S jquery vue
-
修改webpack.config.js的入口属性
image.png
// ./webpack.config/entry.jslet entry = {}
entry.path = {
entry: './src/entry.js',
print: './src/console.js',
jquery: 'jquery',
vue: 'vue'}module.exports = entry
引入插件
plugins: [ new webpack.optimize.CommonsChunkPlugin({
name: ['jquery', 'vue'], //引用多个第三方类库时，使用数组形式，值位入口文件的属性名
filename: "assets/js/[name].js", //打包的路径
minChunks: 2 //最小打包的文件模块数，这里直接写2就好(固定值)
})
]
结果：
作者：饥人谷_米弥轮
链接：https://www.jianshu.com/p/9f5af3a12b66
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/2976/viewspace-2813653/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
[开源] C# 封装 银海医保的接口
下一篇：
Java Map相关知识点总结
请登录后发表评论
登录
全部评论
