从webpack build

时间:2017-03-30 22:04:30

标签: javascript webpack extracttextwebpackplugin

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

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

index.html app.js config.js

我想我需要:

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

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

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

我怎么会这样做?

1 个答案:

答案 0 :(得分:2)

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