webpack指定文件不打入HTML,node,javascript_webpack打包时html-webpack-plugin不自动的引用CommonsChunkPlugin公共文件,node,ja...

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遍历效率 有什么好的解决方案?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值