vue单文件组件中import跟@import的区别？

Question

//common为vue-cli中webpack.base.config别名配置
//这里报错failedtolocate@importfilecommon/stylus/index.styl
@import"common/stylus/index.styl"

Answer 1

样式里面引入样式,不能直接用import,需要在import前面加个@;就是说如果你在标签内引入stylus文件,你就需要用到@import

Answer 2

script中的import是js的语法,是在js中去引用css文件style中的@import是stylus的语法(没用过stylus,不知道引用文件是不是@import)也就是在css中引用css文件,就像saas那样理论上效果都是一样的,都是将依赖的文件在打包的时候一块打包进去