create-react-app 项目安装less

时间：2019-08-21 14:20:36 阅读：115 评论：0 收藏：0 [点我收藏+]

1.安装依赖：

npm install less less-loader --save-dev

2.在webpack.config.js里面添加配置:(若webpack.config.js文件没有显示出来，需要执行npm run eject将项目的配置文件显示出来)

添加变量

const lessRegex = /\.less$/;

const lessModuleRegex = /\.module\.less$/;

在module.rules中添加以下代码：

{
              test: lessRegex,
              exclude: sassModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                },
                ‘less-loader‘
              ),
              sideEffects: true,
            },
            {
              test: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                  modules: true,
                  getLocalIdent: getCSSModuleLocalIdent,
                },
                ‘less-loader‘
              ),
            },

技术分享图片

配置完成后便可以在项目中使用.less文件

create-react-app 项目安装less

原文：https://www.cnblogs.com/lihaohua/p/11388448.html

踩

(1)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)