10 loader - 配置处理less文件的loader

第一步:装包

cnpm i less-loader -D

安装完提示警告

peerDependencies WARNING less-loader@* requires a peer of less@^2.3.1 || ^3.0.0 but none was installed
执行以下命令安装less
less是less-loader内部依赖的,并不需要显示的把less定义到webpack.config.js第三方模块加载器里面去,只要安装就行

cnpm i less -D

第二步:配置规则

 module:{//这个节点,用于配置所有第三方模块加载器
        rules:[//所有第三方模块的匹配规则           
            {test:/\.less$/,use:['style-loader','css-loader','less-loader']},//配置处理.less文件的第三方loader规则
        ]
    }

猜你喜欢

转载自www.cnblogs.com/songsongblue/p/11876630.html