H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

//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>

回答:

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

回答:

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

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

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

回答:

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

本文地址:H5W3 » vue单文件组件中import跟@import的区别?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址