css - 如何将 CSS/SCSS 与 Vue 组件文件保持在一起

Question

我正在创建一个组件库，我不想在其中使用全局 CSS。因此，每个组件都是有范围的。

通过运行生产构建时 vue-cli-service build --target lib --name sc components/index.js，全部编译成sc.css和dist/css/1.392 e001d.css.

如果可能，我想保留 css 和/或 scss 与 vue 文件或 js.

我想这样做的原因是让库的用户能够从库中导入单个组件。然后，用户可以在任何地方使用该组件，而无需导入/包含 css 文件。

如果这不可能，是否有办法实现所需的功能？

Answer 1

来自 css.extract 的 Vue CLI 文档:

When building as a library, you can also set this to false to avoid your users having to import the CSS themselves.

// vue.config.js
module.exports = {
  css: {
    extract: false
  }
}