create-react-app使用less

Posted 黄先森

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了create-react-app使用less相关的知识，希望对你有一定的参考价值。

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

以上是关于create-react-app使用less的主要内容，如果未能解决你的问题，请参考以下文章