webpack - 如何使用 Webpack 4 导出供应商 CSS

我正在使用 Webpack 4 构建一个小型 Vue.js 项目。

在我的App.vue组件的样式块中，我可以导入bootstrap.scss到我的main.js包中，然后将其导出到main.css使用mini-css-extract-plugin.

但是，如果我也有自定义样式，则 Boostrap（供应商）CSS 将与我的自定义 CSS 混合在一起。

我想知道，如何让它将 Bootstrap（供应商）CSS 导出到自己命名的散列块中？并将自定义 CSS 保存在自己命名的散列块中？

看起来您可以使用 webpackChunkName 魔术注释显式命名 JavaScript 导入：

同样，有没有办法明确命名我的 Bootstrap CSS 导入？

谢谢你的帮助！

标签： webpackvue.js

您可以向您的应用程序添加额外js的入口点，该入口点将仅导入Bootstrap.css，并将其命名为您想要的任何名称。这将生成具有该名称的 css 文件。