关于swiper.css的引入

Question

视频中演示的是

	<script>
	  import "swiper/dist/css/swiper.css"
	</script>

为什么是在这个地方(script里面)引入的？难道不应该在

   <style lang="scss">
		@import "swiper/dist/css/swiper.css"
   </style>

?

Answer 1

河畔一角 2020-03-08 10:47:50

这是两种引入方式，通常针对UI组件或者公共样式，我们一般会在main.js就进行引入，本身这个样式文件也是在main.js引入，后期考虑按需加载就挪到这个里面了。一般针对相互依赖的scss或者css我们习惯在style中引入，因为他们是相互依赖关系。 对于全局组件和UI我们习惯在js中直接导入。

• 提问者 慕莱坞0998854 #1

  非常感谢！

• 河畔一角 回复 提问者 慕莱坞0998854 #2

  不客气，你好像没有添加课程群，群号在PC主页右侧，建议您进入课程群，跟同学们一起交流学习心得，您之前提的几个问题都特别好，看的出来基础还是可以的。