React项目配置支持style.less 文件

步骤

1,进入项目路径下,安装less和less-loader

npm install less less-loader@5.0.0 --save-dev

2、安装下列插件

npm install react-app-rewired customize-cra babel-plugin-import -D

3、项目根目录创建文件config-overrides.js,其内容为

const {override,addLessLoader}=require("customize-cra")
module.exports = override(
    addLessLoader({
        javascriptEnabled: true
    })
);

4、修改package.json

"scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test --env=jsdom",
    "eject": "react-scripts eject"
  },

5、引入less文件

require ('./style.less')

6、最后重新运行项目即可

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页