资讯专栏INFORMATION COLUMN

@import '~common/stylus/mixin'中 ~ 的作用

LeviDing / 3101人阅读

摘要:在文件中,要引入相应的样式,经常会用到这种写法,为什么会用到查看了文档,发现这句话结合本人做的测试,发现这个和配置文件中有关,只有在配置文件中配置了,设置了相应的别名路径,才能通过别名来实现查找相应的文件。

在vue文件中,要引入相应的样式,经常会用到
@import "~common/stylus/mixin"这种写法,为什么会用到~?查看了stylus-loader文档,发现这句话

 It also lets you load a stylus file from a package installed in node_modules or if you add a modulesDirectories, like modulesDirectories: ["node_modules", "web_modules", "bower_components"] option you could load from a folder like bower_components. To load files from a relative path leave off the ~ and @import "relative-styles/my-styles"; it.

结合本人做的测试,发现这个~和webpack配置文件中alias有关,只有在webpack配置文件中配置了alias,设置了相应的别名路径,@import才能通过~别名来实现查找相应的文件。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/117361.html

相关文章

  • [python] 初探'函数式编程'

    摘要:前言继续向下看廖大教程,看到了函数式编程这一节,当时是觉得没啥用直接跳过了,这次准备要仔细看一遍了,并记录下一些心得。 前言 继续向下看廖大教程,看到了函数式编程这一节,当时是觉得没啥用直接跳过了,这次准备要仔细看一遍了,并记录下一些心得。 函数式编程 上学期有上一门叫 人工智能 的课,老师强行要我们学了一个叫做 prolog 的语言,哇那感觉确实难受,思维方式完全和之前学过的不一样,...

    xcc3641 评论0 收藏0
  • 在ES6模块特性import时如何正确使用花括号'{ }'

    摘要:在之前,社区制定了一些模块加载方案,最主要的有和两种。而我们这里要说的是在使用语法引用模块时,如何正确使用。也就是在这种不使用来引用模块的情况下,模块时的命名是随意的,即如下三种引用命名都是正确的因为它总是会解析到中默认的。 在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种。前者用于服务器,后者用于浏览器。ES6 在语言标准的层面上,实现了模...

    neuSnail 评论0 收藏0
  • Ubuntu下matplotlib报错KeyError: 'PROJ_LIB'

    摘要:老铁们瞅一眼,看看是不是这个错我在的瞅了瞅,没细看,找到了这个一部分人说是你的用法不对,另一部分人说是环境变量的问题,我没管那么多,能用就行,每次运行之前先运行不过照这段代码看,他就是添加了个环境变量,倒是可以试着直接改环境变量,我没管以 老铁们瞅一眼,看看是不是这个错 >>> from mpl_toolkits.basemap import Basemap Traceback (mo...

    Astrian 评论0 收藏0
  • 写了2年python,知道 if __name__ == '__main__'

    摘要:原因很简单,因为中的代表的就是当前执行的模块名。缺点就是主程序会受待执行程序的影响,会出现待执行程序中抛异常或主动退出会导致主程序也退出的尴尬问题。总结来说就是,一个是在子进程中执行代码,一个是在当前进程中执行代码。 showImg(https://segmentfault.com/img/remote/1460000018607395?w=502&h=318); 相信刚接触Pytho...

    wangbinke 评论0 收藏0
  • '{ }'在不同上下文作用

    摘要:大括号的作用,在不同的上下文中差别很大以下观点若有错误,请前辈及时指出一被当做对象字面量如,外层的被赋值给了,这里的被当做对象处理。本文参考你不知道的 大括号‘{ }’的作用,在不同的上下文中差别很大!以下观点若有错误,请前辈及时指出! 一、{ }被当做对象字面量 如:var obj = { foo: function(){} };,外层的{...}被赋值给了obj,这里的{...}被...

    Reducto 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<