欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

引入静态资源打包

程序员文章站 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图标字体打包

  1. 在目录的src中创建一个文件存放字体文件
    引入静态资源打包
    2. 修改iconfot.css文件名字为index.css(入口CSS文件)
    和修改路径

引入静态资源打包
3.index引入,并写样式
引入静态资源打包
***4.配置文件中在scss文件处理规则上面添加这规则(因为Loader处理都是从下到上处理)*四个字体文件的后缀名

{
test: /.(eot|ttf|svg|woff)$/,
use: {
loader: ‘file-loader’
}
},

引入静态资源打包