博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于webpack.optimize.CommonsChunkPlugin的使用二
阅读量:6803 次
发布时间:2019-06-26

本文共 1548 字,大约阅读时间需要 5 分钟。

Note:当有多个入口节点的时候,只有所有入口节点都引入了同一个模块的时候,webpack.optimize.CommonsChunkPlugin才会将那个模块提取出来,如果其中一个入口节点没有引入该模块,那么其他引入了该模块的入口节点都会将该模块打包到各自的文件中,这样重复打包造成入口节点文件体积过大。

entry:{        main:__dirname + '/app/main.js',        index:__dirname + '/app/index.js',        vendor:['./app/vue','./app/jquery-1.8.3.min']    },    output:{        path:__dirname + '/public', //通过HtmlWebpackPlugin插件生成的html文件存放在这个目录下面        filename:'/js/[name].js', //编译生成的js文件存放到根目录下面的js目录下面,如果js目录不存在则自动创建        /*         * chunkFilename用来打包require.ensure方法中引入的模块,如果该方法中没有引入任何模块则不会生成任何chunk块文件         * 比如在main.js文件中,require.ensure([],function(require){alert(11);}),这样不会打包块文件         * 只有这样才会打包生成块文件require.ensure([],function(require){alert(11);require('./greeter')})         * 或者这样require.ensure(['./greeter'],function(require){alert(11);})         * chunk的hash值只有在require.ensure中引入的模块发生变化,hash值才会改变         * 注意:对于不是在ensure方法中引入的模块,此属性不会生效,只能用CommonsChunkPlugin插件来提取         * */        chunkFilename:'js/[chunkhash:8].chunk.js'    },    module:{        loaders:[            {test:/\.css$/,loader:ExtractTextWebpackPlugin.extract('style-loader','css-loader')}        ]    },    plugins:[        new HtmlWebpackPlugin({title:'custom title2',template:__dirname + '/public/tempIndex.html'}),        new ExtractTextWebpackPlugin('/css/index.css'),        //所有入口js节点中引入的公共模块和vendor第三方模块都被打包到vendor.chunk.js文件中了        //如果output中chunkFilename属性生效则节点中引入的公共模块不会打包进来,而是根据chunkFilename的配置另外生成一个chunk.js文件      new webpack.optimize.CommonsChunkPlugin('vendor','js/vendor.chunk.[hash:8].js') ]

 

转载地址:http://qjjwl.baihongyu.com/

你可能感兴趣的文章
you may safely reboot your system
查看>>
SCP报错
查看>>
mysql(六)
查看>>
安保方案
查看>>
linux 日期时间计算
查看>>
华为93系统交换机配置跨×××路由和跨×××策略路由
查看>>
无限极分类,把子集数组压到父集数组的一个子项下面,用于在前台模板更好的循环显示...
查看>>
Axis --SOAP引擎
查看>>
解决XenDesktop启动后无法加载picagina.dll文件
查看>>
linux进程管理、任务管理
查看>>
VMware出现的问题(网络)
查看>>
大话数据库编程规范
查看>>
我的友情链接
查看>>
自己收集的golang书籍
查看>>
RCP 文件路径问题
查看>>
View 4.6连接异常 求助~~~~~!
查看>>
python网络编程socketserver模块(实现TCP客户端/服务器)
查看>>
[python] 线程简介
查看>>
pure响应式布局
查看>>
homework-09
查看>>