首页 > Web开发 > 详细

loader打包非js模块

时间:2020-12-09 21:02:49      阅读:32      评论:0      收藏:0      [点我收藏+]

打包CSS文件,less文件,sass文件

1. npm i style-loader css-loader -D

    npm i less-loader -D

    npm i sass-loader node-sass -D

2.webpack.config.js中的moudle----rules数组中,添加 loader

module:{//和之前配置的是平级的
    rules:[
    //test:正则表达式
    {test:/\.css$/,use:[‘style-loader‘,‘css-loader‘]}
    {test:/\.css$/,use:[‘style-loader‘,‘css-loader‘,‘less-loader‘]}
    //scss没有写错哦,就是这样的
    {test:/\.scss$/,use:[‘style-loader‘,‘css-loader‘,‘sass-loader‘]}
  ]
}

 

loader打包非js模块

原文:https://www.cnblogs.com/black-eyes/p/14110150.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!