引入静态资源打包
程序员文章站
2022-07-10 18:03:33
...
当从index.scss中再引入个a.scss文件时候,打包时会不转义a.scss文件为css文件为浏览器解析,所以这时候要用到
options: {
importLoaders: 2 //表示从index.scss文件中加载另一个scss,也是先执行前面两个loader
}
比如
{
loader: 'css-loader', // 解析路径
options: {
importLoaders: 2 //表示从index.scss文件中加载另一个scss,也是先执行前面两个loader
}
},
引入是全局引入
3.引入iconfont图标字体打包
-
在目录的src中创建一个文件存放字体文件
2. 修改iconfot.css文件名字为index.css(入口CSS文件)
和修改路径
3.index引入,并写样式
***4.配置文件中在scss文件处理规则上面添加这规则(因为Loader处理都是从下到上处理)*四个字体文件的后缀名
{
test: /.(eot|ttf|svg|woff)$/,
use: {
loader: ‘file-loader’
}
},