多文件打包
const path = require('path');
const webpack = require('webpack');
module.exports = {
context: path.resolve(__dirname, './src'),
entry: {
app: ['./home.js', './events.js', './vendor.js'],
},
output: {
path: path.resolve(__dirname, './dist'),
filename: '[name].bundle.js',
},
};
多入口文件打包
const path = require('path');
const webpack = require('webpack');
module.exports = {
context: path.resolve(__dirname, './src'),
entry: {
home: './home.js',
events: './events.js',
contact: './contact.js',
},
output: {
path: path.resolve(__dirname, './dist'),
filename: '[name].bundle.js',
},
};
自动提取多个打包文件的公共部分
module.exports = {
// …
plugins: [
new webpack.optimize.CommonsChunkPlugin({
name: 'commons',
filename: 'commons.js',
minChunks: 2,
}),
],
// …
};
minChunks表示文件在重复引入两次+的模块打包到公用文件。
在webpack2中使用extract-text-webpack-plugin报错
主要是extract-text-webpack-plugin的版本导致报错，默认安装的版本和测试版本都会报错，建议选择带有-rc的后缀的新版本。
