vue项目中单文件组件xx.vue文件太长，我们想分离成独立的文件，然后做到热重载和预编译

吃瓜群众欢乐多

于 2019-05-07 11:58:16 发布

阅读量3k

点赞数

本文链接：https://blog.csdn.net/sinat_36146776/article/details/89918302

版权

博客提醒在引入CSS文件时，不要使用@import方式。这是在前端开发中关于CSS文件引入的一个重要注意点，避免因使用该方式可能带来的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官网链接

<!-- my-component.vue --> 
<template> 
  <div>This will be pre-compiled</div> 
</template> 
<script src="./my-component.js"></script>
<style src="./my-component.css"></style>

需要注意的是css文件引入的时候不要用@import

<style lang="scss" scoped>
  @import "../assets/scss/app.scss";
</style>
<!-- @import的css作用域是全局，如何解决？见如下 -->
<style lang="scss" scoped src="../assets/scss/app.scss"></style>