从 webpack 构建中提取 javascript 文件答案

【问题标题】：Extracting a javascript file from webpack build从 webpack 构建中提取 javascript 文件
【发布时间】：2017-03-30 22:04:30
【问题描述】：

我在一个项目中使用 webpack，我需要一个 javascript 配置文件作为构建文件的一部分，但我不知道该怎么做。

所以我需要在输出中包含这些文件：

index.html app.js config.js

我想我需要：

1) 使用 CopyWebpackPlugin 将 config.js 文件从源文件夹复制到构建文件夹，或者

2) 将文件包含在已编译的包中，然后使用 ExtractTextWebpackPlugin 将其提取。

我已经尝试了几十种不同的配置方式，但是在尝试使用复制方法时，我在 app.js 包中获取文件并作为单独的文件。当我尝试使用 extract 方法时，我似乎无法弄清楚如何从主包中提取 javascript。文档似乎都解释了如何提取 css。

我该如何处理这样的事情？

【问题讨论】：

【解决方案1】：

您应该能够通过使用多个入口点来完成此操作。 https://webpack.js.org/concepts/entry-points/

entry: {
    main: './path/to/file/app.js',
    config: './path/to/file/config.js'
}

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

通常用于供应商文件的更复杂的选项是使用代码拆分。 https://webpack.js.org/guides/code-splitting/

【讨论】：