首页 > Web开发 > 详细

webpack代码分割;

时间:2018-07-12 00:13:34      阅读:243      评论:0      收藏:0      [点我收藏+]
var webpack=require(‘webpack‘)
var path=require(‘path‘)

module.exports={
entry:{
‘pageA‘:‘./src/pageA‘,
‘pageB‘:‘./src/pageB‘,
‘vendor‘:[‘lodash‘]

},
output:{
path:path.resolve(__dirname, ‘./dist‘),
filename:‘[name].bundle.js‘,
    chunkFilename: "[name].chunk.js"
},
plugins:[
   new webpack.optimize.CommonsChunkPlugin({
        name:‘vendor‘,
        minChunks:Infinity //不需要任何重复了
    }),

 


]

}
这是添加了vender的,没加之前是有pageA,和pageB,然后引入subpagea,和subpageb,nodule。然后生成了个common.bundle.js里面就有了
代码的重复块,提取出了代码重复快。subpagea,和subpageb,noduleminChunks:2就是配置的重复代码的提取。后面又添加一个插件,但是打包以后代码混在了一起
new webpack.optimize.CommonsChunkPlugin({
        name:‘manifest‘,
        minChunks:Infinity //这是是为了把webpack的代码和插件的代码区分开
    })

这里是webpcak的代码和插件代码的分离。

 



webpack代码分割;

原文:https://www.cnblogs.com/manu-yyj/p/9297391.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!