码迷,mamicode.com
首页 > Web开发 > 详细

13 复习 - webpack基本配置2

时间:2019-11-17 18:11:22      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:节点   npm   code   mod   plugins   ack   cnp   pac   config   

在webpack下使用样式表
1.安装处理样式表的loader

cnpm i style-loader css-loader -D   //css
cnpm i less-loader less -D          //less
cnpm i sass-loader node-sass -D     //scss

2.添加配置节点
配置文件webpack.config.js下
和plugins平级

module:{//配置所有第三方loader模块的
    rules:[//第三方模块的匹配规则
    {test:/\.css$/,use:['style-loader','css-loader']},//处理css文件的loader
    {test:/\.less$/,use:['style-loader','css-loader','less-loader']},//处理less文件的loader
    {test:/\.scs$/,use:['style-loader','css-loader','sass-loader']},//处理scss文件的loader
    ]
}

13 复习 - webpack基本配置2

标签:节点   npm   code   mod   plugins   ack   cnp   pac   config   

原文地址:https://www.cnblogs.com/songsongblue/p/11876924.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!