webpack打包时html-webpack-plugin不自动的引用CommonsChunkPlugin公共文件
webpack打包的时CommonsChunkPlugin抽出的公共js和css文件,html-webpack-plugin渲染出的html不自动的引用公共文件。
用wewbpack构建多页应用,每个页面单独一个入口js文件,用很多公共代码所以用了CommonsChunkPlugin对公共代码进行抽取,设定超过2次引用则抽取
但是当用了html-webpack-plugin渲染html时,如果某个文件被抽取成公共代码,则渲染后html则不会包含公共代码。
弄了一中午没有搞定,还望各位大神指点
源代码在这里:http://pan.baidu.com/s/1qXDVeAo
//webpack.config.js
var Path =require('path');
var Wp =require('webpack');
var ETWP =require('extract-text-webpack-plugin');
var HWP = require('html-webpack-plugin');
var eSCSS = new ETWP('css/[name].css');
module.exports ={
entry :{
indexApp: Path.resolve(__dirname ,'./src/js/index.js'),
aboutApp: Path.resolve(__dirname ,'./src/js/about.js'),
},
output :{
path :'./lib/',
filename :'js/[name].js',
},
module :{
loaders :[
{
test: /\.scss$/i,
loader: eSCSS.extract(['css','sass']),
},
],
},
plugins :[
new HWP({
filename: './about.html',
template: './src/tpl/about.html',
chunks:["aboutApp","library.js"],
xhtml: true,
inject: true,
}),
new HWP({
filename: './index.html',
template: './src/tpl/index.html',
chunks:["indexApp"],
xhtml: true,
inject: true,
}),
new Wp.optimize.CommonsChunkPlugin({
name: 'library',
minChunks:2,
}),
};
相关阅读:
微信公众平台开发服务器与微信服务器通信时失败 获取不到值
pyqt,tablewidget,获取鼠标滚轮的位置来判断当前屏幕显示的行
原生js怎么绑定class
javascript的常量const会存储在内存的什么地方呢?
webpack的extract-text-webpack-plugin报错
打包成.framework sdk 想在里面放 js 文件,不想用 bundle,怎么可以读取到 js 文件
PHP的redirect跳转和referer使用的问题
招聘上H5开发技术要求还要会Angular.js、Backbone.js、Vue.js?
thinkphp 框架 电子商城 前台 文件目录怎么设计?越详细越好。
线性递归 转 尾递归 的过程是怎么得来的??
registerReceiver()方法传入的receiver为null时的具体实现?
关于eval(data)和eval("("+data+")")
jq的text是否只会改变文本?
android.text.Html.fromHtml()无法解析
急,求问微信小程序里,如何用JS在一个view里添加多个view?
微信小程序当中的bindtouchend方法参数问题
微信开放平台的一键授权的微信号公众号有没有个数限制
django的restful接口怎样才能获取到前端post过来的数据?
如何调整IDEA中直接运行java程序的日志输出级别?
关于JS遍历效率 有什么好的解决方案?