create-react-app使用less

Posted 2021-01-08 黄先森

create-react-app使用less

• 第一步

npm i less less-loader --save-dev
npm run enject //显示出config文件夹（里面有webpack.config.dev.js）

• 第二步在
  config/webpack.config.dev.js

 {
      test: /.css$/,     在这里添加支持.less的加载读取
      use: [
          require.resolve(‘style-loader‘),
         .....省略代码
}
添加代码后如下：
 {
      test: /.css|less$/,  这里的变化
      use: [
         require.resolve(‘style-loader‘),
          .....省略代码
}