从 webpack 构建中提取 javascript 文件

Question

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

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

index.html app.js config.js

我想我需要：

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

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

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

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

Answer 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/

Extracting a javascript file from webpack build