React新的安装less的方法

最新推荐文章于 2023-09-04 16:36:43 发布

weixin_30553777

最新推荐文章于 2023-09-04 16:36:43 发布

阅读量146

点赞数

文章标签： javascript webpack ViewUI

原文链接：http://www.cnblogs.com/fangdongdemao/p/10947229.html

版权

yarn add less less-loader -D
yarn eject

在webpack.config.js文件中

const sassRegex = /\.(scss|sass)$/;
const sassModuleRegex = /\.module\.(scss|sass)$/;
在下面新增两条
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;

   {
              test: sassRegex,
              exclude: sassModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                },
                'sass-loader'
              ),
              sideEffects: true,
            },
              //对应的增加一条
                
               {
              test: lessRegex,
              exclude: sassModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                },
                'less-loader'
              ),
              sideEffects: true,
            },
                  {
              test: sassModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                  modules: true,
                  getLocalIdent: getCSSModuleLocalIdent,
                },
                'sass-loader'
              ),
            },
                //对应的增加一条
            {
              test: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                  modules: true,
                  getLocalIdent: getCSSModuleLocalIdent,
                },
                'less-loader'
              ),
            },

运行的时候发现Error: Cannot find module '@babel/core'错误

//更新到最新版本就可以了
npm install -D babel-loader @babel/core @babel/preset-env webpack

............................................................................................................................................................................../############################################################################################################################################################################################################################################################

转载于:https://www.cnblogs.com/fangdongdemao/p/10947229.html