javascript - 从 webpack build 中提取一个 javascript 文件

标签 javascript webpack extracttextwebpackplugin

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

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

index.html 应用程序.js config.js

我认为我需要:

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

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

我已经尝试了数十种不同的配置方法,但在尝试使用复制方法时,我将文件同时放在 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'
}

通常用于 vendor 文件的更复杂的选项是使用代码拆分。 https://webpack.js.org/guides/code-splitting/

关于javascript - 从 webpack build 中提取一个 javascript 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43129155/

相关文章:

javascript - Webpack 导入 LESS 文件时抛出 TypeError : Super expression must either be null or a function, not undefined

JavaScript - 不正确的自动舍入小数

javascript - 选择表,检查并在值匹配时提示

javascript - Uncaught ReferenceError : Link is not defined React

javascript - 如何正确使用Webpack的具有多个入口点的CommonsChunkPlugin?

javascript - web pack 4 中的非 JavaScript 资源是否需要入口点?

javascript - 我如何为此 slider 添加下一个和上一个按钮而不是数据链接 ="n"(删除分页并仅添加下一个和上一个按钮)

javascript - 仅使用单个服务器托管由 Node 编写的多个应用程序

angular - Jasmine + Angular2 : This test module uses the component Login which is using a "templateUrl", 但它们从未被编译

webpack - extract-text-webpack-plugin 不创建 CSS 文件