根据Webpack和vue-router的代码拆分建议，我使用动态导入在我的路由中加载繁重的页面：
const Login = () => import("../views/Login/Login.vue");
但是，如果此login.vue页面包含css的import语句，则样式未正确加载 .
<script>
import '@/assets/sass/my_login.scss'
...
如果我删除路由中的Login.vue页面的动态导入，例如
import Login from '../views/Login/Login.vue'
css已正确加载 .
我想通过动态导入异步加载这个Vue页面，我不想让这个css全局，因为它只需要这个特定的页面 .
我如何正确加载这个CSS？在Login.vue页面或路由中是否有一些神奇的语法？
谢谢你的帮助
S.
1 回答
如果您不想要全局样式，可以在组件中编写范围样式 . 你试过这个吗？
（在* .vue文件中）