Question

我正在创建一个我不想拥有全局CSS的组件库。因此，每个组件都是作用域。

通过以下方式运行生产版本时 vue-cli-service build --target lib --name sc components/index.js，所有内容都被编译为sc.css和dist/css/1.392e001d.css。

如果可能的话，我想将css和/或scss与vue文件或js结合使用。

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

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

Answer 1

来自css.extract的Vue CLI文档：

在构建为库时，也可以将其设置为false，以避免用户不得不自己导入CSS。

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