如何使用Vue组件文件保存CSS/SCS
我正在创建一个组件库,我不想在其中使用全局CSS。因此,每个组件都有其作用域 通过运行生产构建时如何使用Vue组件文件保存CSS/SCS,css,vue.js,webpack,vuejs2,vue-component,Css,Vue.js,Webpack,Vuejs2,Vue Component,我正在创建一个组件库,我不想在其中使用全局CSS。因此,每个组件都有其作用域 通过运行生产构建时 vue cli服务构建——目标库——命名sc components/index.js,所有内容都被编译成sc.css和dist/css/1.392E01d.css 如果可能,我希望将css和/或scss与vue文件或js结合使用 我之所以要这样做,是为了让库的用户能够从库中导入单个组件。然后,用户可以在任何地方使用该组件,而无需导入/包含css文件 如果不可能,是否有方法实现所需的功能?来自Vue
vue cli服务构建——目标库——命名sc components/index.js
,所有内容都被编译成sc.css
和dist/css/1.392E01d.css
如果可能,我希望将css
和/或scss
与vue
文件或js
结合使用
我之所以要这样做,是为了让库的用户能够从库中导入单个组件。然后,用户可以在任何地方使用该组件,而无需导入/包含css
文件
如果不可能,是否有方法实现所需的功能?来自Vue CLI文档:
当构建为库时,您还可以将其设置为false
,以避免用户自己导入CSS
//vue.config.js
module.exports={
css:{
摘录:错
}
}