博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webpack的css,less,sass中使用绝对路径
阅读量:4625 次
发布时间:2019-06-09

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

用法:

使用~表示绝对路径,如下:

@import "~otherfile.scss"
.yourClass {
background: url('~img/wallpaper.png');}

webpack中配置resolve的moduleDirectorires,modules,alias三种设置路径都可以,推荐alias,alias在多个版本都兼容,且能自行设置别名

webpack1配置moduleDirectories的路径

resolve.modulesDirectories= [    path.join(__dirname, 'node_modules'),    path.join(__dirname, 'src'),]

webpack2+的配置resolve添加root的路径

resolve: {    modules: [         path.resolve(root),         node_modules'    ]}

转载于:https://www.cnblogs.com/mengff/p/8548671.html

你可能感兴趣的文章
android 用ImageSwitcher+Gallery实现图片浏览效果 分类: ...
查看>>
STM32里面的一些小函数——assert_param,PUTCHAR_PROTOTYPE
查看>>
Java分布式锁的三种实现方案(redis)
查看>>
运行客户端程序报读取配置文件出错的解决方案
查看>>
day 5 - 2 字典(dict)练习
查看>>
微引擎的自定义菜单40063错误解决
查看>>
JAVA wait(), notify(),sleep具体解释
查看>>
数据挖掘十大经典算法
查看>>
WebService原理
查看>>
【Unity 3D】学习笔记三十七:物理引擎——碰撞与休眠
查看>>
js动态删除div元素
查看>>
计算机网络中的TCP/IP模型
查看>>
spring mvc 自定义Handlermapping
查看>>
JS验证密码安全级别
查看>>
Cookie是可以覆盖的,如果重复写入同名的Cookie,那么将会覆盖之前的Cookie。
查看>>
Django Models的数据类型
查看>>
博客之初体验-----python初了解
查看>>
jquery.fileupload插件 ie9下不支持上传
查看>>
6.1 HTML5的框架
查看>>
Nginx的500,502,504错误解决方法
查看>>