用了CommonsChunkPlugin生成了公共文件,但是頁面還沒有引用這個公共文件
比如下面這個配置
var webpack = require('webpack');
var path = require('path');
var buildPath = path.resolve(__dirname,"build");
// var nodemodulesPath = path.resolve(__dirname,'node_modules');
var config = {
//入口文件配置
entry:{
// app:path.resolve(__dirname,'src/main.js'),
main:path.resolve(__dirname,'src/main.js'),
main1:path.resolve(__dirname,'src/main1.js'),
common: ["./src/js/common"] //【1】注意這里
},
resolve:{
extentions:["","js"]//當requrie的模塊找不到時,添加這些后綴
},
//文件導出的配置
output:{
path:buildPath,
filename:"[name].js"
},
// module: {
// loaders: [{
// test: /\.(js|jsx)$/,
// loaders: ['babel'],
// exclude: /(node_modules|bower_components)/
// //排除不處理的目錄
// }]
// },
plugins: [
new webpack.DefinePlugin({
'process.env': {
'NODE_ENV': '"production"'
}
}),
//【2】注意這里 這兩個地方市用來配置common.js模塊單獨打包的
new webpack.optimize.CommonsChunkPlugin({
name: "common",//和上面配置的入口對應
filename: "commonFun.js"//導出的文件的名稱
})
//壓縮打包的文件
// new webpack.optimize.UglifyJsPlugin(),
// new webpack.optimize.OccurenceOrderPlugin(),
// new webpack.optimize.AggressiveMergingPlugin(),
//允許錯誤不打斷程序
// new webpack.NoErrorsPlugin()
]
}
module.exports = config;
生成了公共的文件,文件名為commonFun.js,需要在index.html里首先引入commonFun.js,然后再引入打包的js文件才行
