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'),
          .....省略代码
}