如何操作webpack处理文件

如何操作webpack处理文件
这次给大家带来如何操作webpack处理文件，操作webpack处理文件的注意事项有哪些，下面就是实战案例，一起来看一下。

这次给大家带来如何操作webpack处理文件，操作webpack处理文件的注意事项有哪些，下面就是实战案例，一起来看一下。

使用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')]