Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从webpack构建中提取javascript文件_Javascript_Webpack_Extracttextwebpackplugin - Fatal编程技术网

从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

我正在为一个项目使用webpack,在这个项目中,我需要一个javascript配置文件作为构建文件的一部分,但我不知道如何做到这一点

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

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'
}