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