创建目录多捆在那里找到的js文件

Question

我SRC结构是这样的：

--src/ 
----index.js 
----index.html 
----background/ 
------background.js 
------background.html 
----editor/ 
------editor.js 
------editor.html 

我是新来的WebPack但我能得到它与刚工作index.js是这样的：

const CopyWebpackPlugin = require('copy-webpack-plugin'); 
const path = require('path'); 
const webpack = require('webpack'); 

module.exports = function (env) { 
    return { 
     devtool: 'cheap-module-source-map', 
     entry: ['babel-polyfill', './src/web/index.js'], 
     output: { 
      path: path.join(__dirname, '../dist/web'), 
      filename: 'index.bundle.js', 
      publicPath: '/static/' 
     }, 
     resolve: { 
      extensions: ['.js'] 
     }, 
     module: { 
      loaders: [ 
       { test:/\.js$/, exclude:/node_modules/, loader:'string-replace-loader?search=^.*?console\.[a-zA-Z].*?$&flags=gm&replace=', enforce:'pre' }, 
       { test:/\.js$/, exclude:/node_modules/, loader:'babel-loader' } 
      ] 
     }, 
     plugins: [ 
      new CopyWebpackPlugin([ 
       { from:'./src/web' }, 
      ], { 
       ignore: ['*.js'] 
      }) 
     ] 
    } 
} 

它正确地吐出了根目录下的index.bundle.js。但我也希望它在后台目录中创建一个（1）background.bundle.js，并在编辑器目录中创建一个（2）editor.bundle.js。是否有可能自动检测名称并在其各自的目录中创建一个包？

Answer 1

我认为你必须将entry更改为object以启用多项输入。

{ 
    entry: { 
     web: './src/web/index.js', 
     background: './src/background/background.js', 
     editor: './src/editor/editor.js' 
    } 
} 

，改变output.filename到

{ 
    output:{ 
     filename: '[name]/[name].bundle.js' 
    } 
} 

看到https://webpack.js.org/configuration/output/#output-filename了解更多详情。