我正在将webpack用于一个项目,在该项目中,我需要将javascript配置文件作为内置文件的一部分,但是我不知道该怎么做。

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

index.html
app.js
config.js

我认为我需要:

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

2)将文件包括在已编译的包中,然后使用ExtractTextWebpackPlugin提取它。

我尝试了数十种不同的配置方式,但是尝试使用copy方法时,我将文件同时包含在app.js捆绑包中以及作为单独的文件。当我尝试使用extract方法时,似乎无法弄清楚如何从主捆绑中提取javascript。所有文档似乎都在解释如何提取CSS。

我将如何处理这样的事情?

最佳答案

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

10-05 20:41
查看更多