WebPack

配置 output 选项可以控制 webpack 如何向硬盘写入编译。注意，即使可以存在多个入口起点，但只指定配置。

(Usage)

在 webpack 中配置 output 的最低要求是，将它的值设置为对象，以下两点：

filename 用于的名。

目标目录 path 的。

webpack.con.js

const con = {
  output: {
    filename: 'bundle.js',
    path: '/home/proj/public/assets'
  }
};

module.exports = con;

此配置将单独的 bundle.js 到 /home/proj/public/assets 目录中。

多个入口起点

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

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

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

高级进阶

以下是使用 CDN 和资源 hash 的复杂示例：

con.js

output: {
  path: "/home/proj/cdn/assets/[hash]",
  publicPath: "http://cdn.example.com/assets/[hash]/"
}

在编译时不知道最终的 publicPath 的情况下，publicPath 可以留空，并且在入口起点运行时动态设置。如果你在编译时不知道 publicPath，你可以先忽略它，并且在入口起点设置 __webpack_public_path__。

__webpack_public_path__ = myRuntimePublicPath

// 剩余的应用程序入口