Webpack变量输出路径

Question

我想使用类似于file-loader的变量输出路径。

var webpackConfig = {
  context: path.join(__dirname, './app'),
  entry: {
    background: './background/background.js',
    popup: './popup/popup.js'
  },
  output: {
    path: path.join(__dirname, './dist'),
    filename: '[path][name].js'
  },
};

任何线索如何使这项工作？

编辑：

详细说明我想得到以下结果。

app/background/background.js 
  -> dist/background/background.js

app/popup/popup.js 
  -> dist/popup/popup.js

Answer 1

你可以试试这个：

var webpackConfig = {
  entry: {
    background: './background/background.js',
    popup: './popup/popup.js'
  },
  output: {
    path: path.resolve(__dirname, './dist'),
    filename: '[name]/[name].js'
  },
};

Answer 2

您提供的示例应该正常工作 - http://webpack.github.io/docs/configuration.html#output-filename

  

output.filename条目块的文件名作为相对路径   在output.path目录中。

     

[name]被块的名称替换。

     

[hash]被编译的哈希替换。

     

[chunkhash]被块的哈希替换。