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

Question

//common为vue-cli中webpack.base.config别名配置
<script>
//这里能找到文件
import 'common/stylus/index.styl'
</script>
//这里报错failed to locate @import file common/stylus/index.styl
<style lang="stylus" scoped>
@import "common/stylus/index.styl"
</style>

Answer 1

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

Answer 2

script中的import是js的语法, 是在js中去引用css文件

style中的@import是stylus的语法(没用过stylus, 不知道引用文件是不是@import) 也就是在css中引用css文件, 就像saas那样

理论上效果都是一样的, 都是将依赖的文件在打包的时候一块打包进去

Answer 3

我只是搬运工。http://es6.ruanyifeng.com/#do...命令