随笔分类 - CSS预编译

如果scss引用了字体图标文件该怎么打包

摘要：如果scss引用了字体图标文件该怎么打包之前我试了，用url-loader和file-loader并没有效果。主要是scss-loader没有url重写的功能。解决方法也很简单安装resolve-url-loader，这个loader放在sass-loader之前在sass-loader添阅读全文

posted @ 2020-06-17 15:51 司徒炼阅读(431) 评论(0) 推荐(0) 编辑

用webpack将多个scss文件打包成一个css文件

摘要：初始化项目新建一个文件夹，然后执行命令 npm init -y npm install webpack webpack-cli -D 编写scss文件新建一个src文件夹，然后将scss文件全部放在里面以下是我的目录结构 node_modules/ src/ bg/ bg.scss borde 阅读全文

posted @ 2020-06-17 15:44 司徒炼阅读(2155) 评论(0) 推荐(0) 编辑

LESS基础教程

摘要：一、初见LESS 1. 什么是LESS Less是Css的预编译语言，兼容Css语法，在其基础上扩展，可以使用变量，混合，继承，函数等语法，更贴近编程语言，在开发时使用，生产时将Less转换为Css文件。 2. LESS的官方网站中文网址： 3. LESS与CSS的写法 CSS的写法 LESS的写阅读全文

posted @ 2020-02-22 14:59 司徒炼阅读(1820) 评论(0) 推荐(2) 编辑