React中less的引用初窥

1. npm i less less-loader -D; //less存放的是语法，loader则是编译成css的工具，生产环境不需要引用，因此-D即可
2. 在create-react-app中，因为没有暴露出webpack的配置文件，所以需要自己在node_modules中招

• node_modules => react-scripts => config => webpack.config.dev.js
• 43行添加

const lessRegex = /\.(less)$/;
const lessModuleRegex = /\.module\.(less)$/;

• 335行添加

{
  test: lessRegex,
  exclude: lessModuleRegex,
  use: getStyleLoaders({ importLoaders: 3 }, 'less-loader'),          
},
{
  test: lessModuleRegex,
  use: getStyleLoaders(
     {
        importLoaders: 3,
        modules: true,
        getLocalIdent: getCSSModuleLocalIdent,
    },
       'less-loader'
 ),
},

3. 引用less

import style from './A.less';