用法 :

import styles  from './App.less'

<span className={styles.right}>

 

一、 首先提取webpack 配置

create-react-app创建的react项目,webapck配置,默认情况下是在node_modules里面的,我们需要把它暴露到根目录上来。

执行 npm run eject 命令即可,一般情况下,是会报错的。

解决方法,依次执行下面几个命令就可以了。

git init

git add . 注意后面这里有个点

git commit -m 'init'

这时,重新执行一下 npm run eject即可。

二、修改 config>>webpack.config.js

react 引用less module 修改webpack 配置

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

三、

     exclude: lessModuleRegex,

  react 引用less module 修改webpack 配置

  {

              test: lessModuleRegex,

              include: paths.appSrc,

              loader: getStyleLoaders(

                {

                  importLoaders: 2,

                  sourceMap: shouldUseSourceMap,

                  modules: {

                    getLocalIdent: getCSSModuleLocalIdent

                  }

                },

                'less-loader',

                {

                  javascriptEnabled: true

                }

              )

            },

相关文章:

  • 2021-06-07
  • 2021-08-19
  • 2022-12-23
  • 2022-01-05
  • 2021-05-24
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-06-29
  • 2022-12-23
  • 2022-12-23
  • 2021-12-29
  • 2022-12-23
  • 2022-12-23
  • 2021-05-03
相关资源
相似解决方案