博客
关于我
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/

你可能感兴趣的文章
wxWidgets源码分析(8) - MVC架构
查看>>
wxWidgets源码分析(9) - wxString
查看>>
机器学习之数据探索——数据特征分析(帕累托分析)
查看>>
Java 对象引用方式 —— 强引用、软引用、弱引用和虚引用
查看>>
Android Bitmap操作问题之Canvas: trying to use a recycled bitmap
查看>>
hadoop学习(四)----windows环境下安装hadoop
查看>>
Mybatis Generator最完整配置详解
查看>>
Tree--二叉树BinarySearchTree
查看>>
Elasticsearch集群升级指引
查看>>
uni-app开发的应用(小程序,app,web等),使用Node+Koa2开发的后端程序接收上传文件的方法
查看>>
webpack打包less与sass
查看>>
[白话解析] 深入浅出熵的概念 & 决策树之ID3算法
查看>>
[梁山好汉说IT] 梁山好汉和抢劫银行
查看>>
[记录点滴] OpenResty中Redis操作总结
查看>>
[源码阅读] 阿里SOFA服务注册中心MetaServer(3)
查看>>
[源码解析] 消息队列 Kombu 之 基本架构
查看>>
[源码分析] 消息队列 Kombu 之 启动过程
查看>>
[源码分析] 消息队列 Kombu 之 Consumer
查看>>
[源码分析] 消息队列 Kombu 之 Producer
查看>>
[源码分析] 消息队列 Kombu 之 mailbox
查看>>