我可以在构建时选择哪些文件将在 webpack 或 vueloader 中编译吗?

Posted

技术标签:

【中文标题】我可以在构建时选择哪些文件将在 webpack 或 vueloader 中编译吗?【英文标题】:Can I select which files will be compiled in webpack or vueloader while building? 【发布时间】:2020-09-07 01:19:42 【问题描述】:

当我使用npm run build 构建我的 Vue 项目时,我想选择特定的 Vue 文件来(重新)编译到 dist 文件夹中。我的想法是通过更改 webpack 或 webpack-chain 中的配置以从特定入口点进行编译。我的目标的一个例子是:

假设我有 2 个组件; A.vue 和 B.vue(当然还有 index.html 等默认文件) 然后我构建项目,它为我提供了一个 ./dist 文件夹,其中包含所有已编译的内容。然后在我对 B.vue 进行更改(并且最有可能更改配置文件)之后,我只希望将 B.vue 重新编译到 ./dist 文件夹中。我已经使用了动态导入,因此 A.vue 和 B.vue 是不同的包,因此不必更改其他文件。

我可以选择一个特定的文件只编译吗? (我知道 dist 文件夹在构建后会被清空,但如果可能的话,我会在以后尝试修复)

【问题讨论】:

【参考方案1】:

我想你正在寻找手表模式:npm run build --watch

【讨论】:

以上是关于我可以在构建时选择哪些文件将在 webpack 或 vueloader 中编译吗?的主要内容,如果未能解决你的问题,请参考以下文章

使用 Webpack 将选择器全局添加到我的所有 CSS 选择器(在构建时)

使用 webpack 的多个引导主题

webpack核心四要素总结

在Windows 10 UWP WinJS应用程序中,如何确定构建中包含哪些文件?

一:webpack的基础使用

进行生产构建时如何使用带有 WebPack 的 AngularCLI 复制选定的文件