javascript - 从 webpack 构建中提取 javascript 文件

Question

我正在将 webpack 用于需要将 javascript 配置文件作为构建文件的一部分的项目，但我无法弄清楚如何做到这一点。

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

index.html app.js config.js

我想我需要：

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

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

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

我该怎么做这样的事情？

score 2 · Accepted Answer

您应该能够通过使用多个入口点来完成此操作。 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/

1 回答 1