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'
 ),
},
           

1. 引用less