博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
@import '~common/stylus/mixin'中 ~ 的作用
阅读量:5823 次
发布时间:2019-06-18

本文共 529 字,大约阅读时间需要 1 分钟。

在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才能通过~别名来实现查找相应的文件。

转载地址:http://ohbdx.baihongyu.com/

你可能感兴趣的文章
串结构练习——字符串匹配
查看>>
linux下输入密码不回显
查看>>
《构建之法》读书笔记
查看>>
拿下阿里、头条、滴滴的offer后谈谈面试经验---动身前看一看
查看>>
android开发(49) android 使用 CollapsingToolbarLayout ,可折叠的顶部导航栏
查看>>
【ERP】如何在多行数据块中实现仅能勾选唯一的主联系人
查看>>
初试装饰模式-(公司人员)
查看>>
Oracle 数据库优化的R方法(Method R)
查看>>
CentOS最小化安装系统开启网卡
查看>>
Linux的ftp服务
查看>>
互联网+升级到智能+ 开启万物智联新时代
查看>>
Nginx + Tomcat (java )服务器部署
查看>>
HP iLO2 使用详细图文教程
查看>>
Linux文本编辑器之Nano
查看>>
Linux系统集群架构线上项目配置实战(一)
查看>>
VC无闪烁刷屏技术的实现【转】
查看>>
【原】IOS中KVO模式的解析与应用
查看>>
EntityFramework Core迁移时出现数据库已存在对象问题解决方案
查看>>
urb传输的代码分析【转】
查看>>
理解 QEMU/KVM 和 Ceph(3):存储卷挂接和设备名称
查看>>