从webpack构建中提取javascript文件
我正在为一个项目使用webpack,在这个项目中,我需要一个javascript配置文件作为构建文件的一部分,但我不知道如何做到这一点 所以我需要在输出中包含这些文件:从webpack构建中提取javascript文件,javascript,webpack,extracttextwebpackplugin,Javascript,Webpack,Extracttextwebpackplugin,我正在为一个项目使用webpack,在这个项目中,我需要一个javascript配置文件作为构建文件的一部分,但我不知道如何做到这一点 所以我需要在输出中包含这些文件: index.html app.js config.js 我想我需要: 1) 使用CopyWebpackPlugin将config.js文件从源文件夹复制到生成文件夹,或 2) 将文件包含在已编译的捆绑包中,然后使用ExtractTextWebpackPlugin将其解压缩 我已经尝试了几十种不同的配置方法,但是当尝试使用copy
index.html
app.js
config.js
我想我需要:
1) 使用CopyWebpackPlugin将config.js文件从源文件夹复制到生成文件夹,或
2) 将文件包含在已编译的捆绑包中,然后使用ExtractTextWebpackPlugin将其解压缩
我已经尝试了几十种不同的配置方法,但是当尝试使用copy方法时,我得到了app.js包中的文件,并将其作为一个单独的文件。当我尝试使用extract方法时,我似乎不知道如何从主捆绑包中提取javascript。这些文档似乎都解释了如何提取css
我该怎么做呢?您应该能够通过使用多个入口点来实现这一点。 一个更复杂的选项(通常用于供应商文件)是使用代码拆分。
entry: {
main: './path/to/file/app.js',
config: './path/to/file/config.js'
}
output: {
filename: 'output/path/[name].js'
}