create-react-app使用less

最新推荐文章于 2023-09-26 12:19:35 发布

weixin_30247781

最新推荐文章于 2023-09-26 12:19:35 发布

阅读量268

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yangxiaoying/p/11459485.html

版权

1、第一步

npm i less less-loader --save-dev 安装less

npm run eject 显示config文件夹

2、第二步

找到webpack.config.js，在下图相应位置添加相应内容

3、第三步

在rules中添加如下代码，rules位置如下图

添加

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

这样就可以新建less文件了，并正常使用了。

转载于:https://www.cnblogs.com/yangxiaoying/p/11459485.html