使用webpack打包,最爽的事情莫过于可以直接require文件了,但是这
同时带来了一个问题,就是所有的文件整合到一起,那这一个包就太大了。
基于此:下面我们来了解下webpack的打包(主要是将如何将我们需要的内容模块,分开打包,
并且按照我们自己设定的存放路径进行存放)
首先在webpack.config.js文件中
entry入口函数出表示出哪些是需要单独打包成一个js包的:
entry: {
main: path.resolve(__dirname,'src/index.js'),
jq: ['jquery'],
react: ['react'],
redom: ['react-dom']
},
output: {
path: path.resolve(__dirname,'dist'),
publishPath: 'dist/',
filename: '[name].js'
},
plugin: [
new webpack.optimize.CommonsChunkPlugin('jq','jq.js'),
new webpack.optimize.CommonsChunkPlugin('vendors','vendors.js'),
new webpack.optimize.CommonsChunkPlugin('redom','redom.js')
]