create-react-app引入less与sass

引入less

1.安装react-app-rewired，react-app-rewire-less，babel-plugin-import

命令行：
- npm install react-app-rewired –Only=dev
- npm install react-app-rewire-less –Only=dev
- npm install babel-plugin-import –Only=dev

2.根目录下创建config-overrides.js

const { injectBabelPlugin } = require('react-app-rewired');
const rewireLess = require('react-app-rewire-less');

module.exports = function override(config, env) {
  cOnfig= injectBabelPlugin(['import', { libraryName: 'antd', style: true }], config);
  cOnfig= rewireLess.withLoaderOptions({
    modifyVars: { "@primary-color": "#9F35FF" },
  })(config, env);
  return config;
};

PS：这里引用antd 组件，并且设置了主题样式颜色编码为#9F35FF

引入sass

1.安装node-sass-chokidar，npm-run-all

命令行：
- npm install –save node-sass-chokidar
- npm install –save npm-run-all

2.修改package.json

"scripts": {
     "build-css": "node-sass-chokidar src/ -o src/",
     "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
     "start-js": "react-scripts start", "start": "npm-run-all -p watch-css start-js", "build-js": "react-scripts build", "build": "npm-run-all build-css build-js", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject" }