仅当组件已在Vue.js中导入时才加载样式

时间:2019-03-19 21:29:11

标签: vue.js webpack sass frontend webpack-style-loader

我有一个使用Vue UI的Vue.js项目和使用路由器的多个“页面”的Webpack项目。我正在使用SASS(SCSS)局部并将其导入各个组件中。

<style lang="sass">
@import "@/css/modules/_style-guide.scss";
</style>

在每个“页面”上,即使未将所有组件导入SASS(实际上是渲染的CSS),也都将其加载到所有组件头部的DOM中。

添加“作用域”选项仍会加载所有SASS文件,只是添加唯一的GUID。

我宁愿仅在“页面”上存在组件时才导入SASS。

有没有办法做到这一点?

0 个答案:

没有答案