博客
关于我
webpack打包less与sass
阅读量:438 次
发布时间:2019-03-06

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

less

1.安装 less-loader 与 less

npm install less-loader less --save-dev

2.配置webpack.config.js

module.exports={    //...code    module:{        rules:[            {                //匹配规则                test:/\.less$/,                //loader加载顺序 不能颠倒                use: ['style-loader', 'css-loader','less-loader']            }        ]    }}

3. 使用方法

index.js

import "./../less/index.less"

sass

1.安装 sass-loader 与 node-sass

npm install sass-loader node-sass --save-dev

2.配置webpack.config.js

module.exports={    //...code    module:{        rules:[            {                //匹配规则                test:/\.less$/,                //loader加载顺序 不能颠倒                use: ['style-loader', 'css-loader','sass-loader']            }        ]    }}

3. 使用方法

index.js

import "./../sass/index.scss"

转载地址:http://gtcfz.baihongyu.com/

你可能感兴趣的文章
将mongo设置为windows的服务
查看>>
【Flink】Flink 底层RPC框架分析
查看>>
【集合框架】JDK1.8源码分析之LinkedList(七)
查看>>
Jenkins 集成postman 自动化运行接口测试用例
查看>>
django+appium实现UI自动化测试平台(开源部分,可定制开发)
查看>>
第七届C/C++B-方格填数 DFS
查看>>
数据结构课设--3哈夫曼编码译码系统(树应用)
查看>>
pku 1061 青蛙的约会 扩展欧几里得
查看>>
Spring Boot 2.4 配置文件将加载机制大变化
查看>>
也来玩玩 javascript对象深拷贝,浅拷贝
查看>>
【转载】Kubernetes CNI网络最强对比:Flannel、Calico、Canal和Weave
查看>>
Kubernetes实战总结 - 动态存储管理StorageClass
查看>>
wcf webHttpBinding Post 大数据量提交 ios c#客户端
查看>>
[LeetCode题解]141. 环形链表 | 快慢指针
查看>>
MySQL错误日志(Error Log)
查看>>
12.Linux之输入子系统分析(详解)
查看>>
源码解析之 Mybatis 对 Integer 参数做了什么手脚?
查看>>
oracle使用DBMS_RANDOM包生成随机数据
查看>>
C++高精度模板
查看>>
错题重错之WYT的刷子 单调队列
查看>>