webpack.config.js:
const path = require('path');
const webpack = require('webpack');
const packagejson = require('./package.json');
module.exports = {
// 入口文件
entry: {
// 多入口
'main1': './src/main1.js',
'main2': './src/main2.js',
// package.json中的dependencies第三方插件
'vendor': Object.keys(packagejson.dependencies)
},
// 出口文件
output: {
path: path.resolve('./dist'), //相对转绝对
filename: '[name].js'
},
// 文件监视改动,自动产出build.js
watch: true,
plugins: [
// 第三方插件抽离
new webpack.optimize.CommonsChunkPlugin({
// 自定义名称
// runtime抽离webpack的运行文件
name: ['vendor', 'runtime'],
filename: '[name].js'
})
// 或者:
// new webpack.optimize.CommonsChunkPlugin({
// // 自定义名称
// // runtime抽离webpack的运行文件
// name: 'vendor',
// filename: '[name].js'
// }),
// new webpack.optimize.CommonsChunkPlugin({
// name: 'runtime',
// filename: '[name].js',
// chunks: ['vendor']
// })
]
}
终端执行npm run dev,生成dist文件夹如下:
第三方库vue.js和webpack的运行文件被分离出来。