我有一个使用Vue UI的Vue.js项目和使用路由器的多个“页面”的Webpack项目。我正在使用SASS(SCSS)局部并将其导入各个组件中。
<style lang="sass">
@import "@/css/modules/_style-guide.scss";
</style>
在每个“页面”上,即使未将所有组件导入SASS(实际上是渲染的CSS),也都将其加载到所有组件头部的DOM中。
添加“作用域”选项仍会加载所有SASS文件,只是添加唯一的GUID。
我宁愿仅在“页面”上存在组件时才导入SASS。
有没有办法做到这一点?