react 添加less,less-loader 配置高版本webpack.config.js

首先,暴露config下面的webpack.config.js文件

命令行 npm run eject

然后再config下面的webpack.config.js文件中打给40行左右的位置仿照css添加下面两行代码

const lessRegex = /\.less$/;

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

然后再450行左右

依然仿照css写法

添加如下代码

{

              test: lessRegex,

              exclude: lessModuleRegex,

              use: getStyleLoaders({ importLoaders: 2 }, 'less-loader'),

            },

            {

              test: lessModuleRegex,

              use: getStyleLoaders(

                {

                  importLoaders: 2,

                  modules: true,

                  getLocalIdent: getCSSModuleLocalIdent,

                },

                'less-loader'

              ),

            },

然后重启npm start

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容