Webpack 输出 output

Question

项目的打包文件的存放出口，默认值是 ./dist/main.js ，其他生成文件默认放置在 ./dist 文件夹中。

如果配置创建了多个单独的 chunk（如使用多个入口起点或使用像 CommonsChunkPlugin 这样的插件），则应该使用 占位符（substitutions） 来确保每个文件具有唯一的名称。

module.exports = {
  entry: {
    app: './src/app.js',
    search: './src/search.js'
  },
  output: {
    filename: '[name].js',
    path: __dirname + '/dist'
  }
};

// 写入到硬盘：./dist/app.js, ./dist/search.js

对资源使用 CDN 和 hash 的复杂示例：

module.exports = {
  //...
  output: {
    path: '/home/proj/cdn/assets/[hash]',
    publicPath: 'http://cdn.example.com/assets/  [hash]/'
  }
};

在编译时，不知道最终输出文件的 publicPath 是什么地址，则可以将其留空，并且在运行时通过入口起点文件中的 __webpack_public_path__ 动态设置。

__webpack_public_path__ = myRuntimePublicPath;
// 应用程序入口的其余部分