css模块化以及antd按需加载冲突解决方案

标题css模块化配置,以及与antd按需加载冲突解决方案安装依赖 "css-loader": "^4.2.2", "style-loader": "^1.2.1",配置webpack.config.js,实现css模块化module.exports = { module:{ rules:[ { test: /\.css $/i, exclude: /node_modules/, use: [
摘要由CSDN通过智能技术生成

标题css模块化配置,以及与antd按需加载冲突解决方案

  • 安装依赖

        "css-loader": "^4.2.2",
        "style-loader": "^1.2.1",
    
  • 配置webpack.config.js,实现css模块化

    module.exports = {
    	module:{
    		rules:[
    			 {
    	        test: /\.css $/i,
    	        exclude: /node_modules/,
    	        use: [
    			          {
    			            loader: 'style-loader' 
    			          },
    			          {
    			            loader: 'css-loader',
    			            options: {
    			              modules: {
    			                localIdentName: '[path][name]__[local]--[hash:base64:5]',
    			              },
    			            },
    			          },
    		        ],
    	        },
    		]
    	}
    }
    
  • 如果你用的是less

    * 原有依赖基础上安装依赖
    	"less": "^3.12.2",
        "less-loader": "^7.0.0", 
        
      * 配置webpack.config.js 解析less的loader
      module.exports= {
    	  	module:{
    	  		rules:[
    		  		
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值