webpack的css,less,sass中使用绝对路径
2024-09-28 01:54:11
用法:
使用~表示绝对路径,如下:
@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'
]
}
最新文章
- 【夯实PHP基础】nginx php-fpm 输出php错误日志
- Exception:HTTP Status 500 - org.apache.ibatis.binding.BindingException: Invalid bound statement (not found)
- mysql解决Value ‘0000-00-00 00:00:00’ can not be represented as java.sql.Timestamp
- NOIP2002pj产生数[floyd 高精度]
- java内部类和匿名内部类
- 关于tcpdump抓包一个很详细的介绍
- Excel Sheet Column Number || leetcode
- 联想G480笔记本安装系统
- Bellman-Ford &; SPFA 算法——求解单源点最短路径问题
- 内存溢出(heap corruption detected:)
- Quartz-2D绘图之概览
- Apache SSL服务器配置SSL详解(转)
- python---连接MySQL第五页
- JavaScript中的栈及通过栈操作的实例
- Spark学习之Spark SQL
- Java基础系列--05_面向对象
- Python3-大魔王小项目-田忌赛马
- Maven的课堂笔记3
- Linux系统对IO端口和IO内存的管理
- jsp 中实现点击按钮 实现页面跳转到HTML