feat: calendar、datetimePicker 界面框架搭建完成

Author: TangSY

config-overrides.js

@@ -0,0 +1,30 @@
+/*
+ * @Description: 覆盖webpack原有配置项
+ * @Author: TSY
+ * @Date: 2020-09-27 23:16:18
+ * @LastEditTime: 2020-09-27 23:33:34
+ */
+const { override } = require('customize-cra')
+
+const stylus = () => config => {
+ const stylusLoader = {
+ test: /\.styl$/,
+ use: [
+ {
+ loader: 'style-loader'
+ }, {
+ loader: 'css-loader',
+ }, {
+ loader: 'stylus-loader'
+ }
+ ]
+ }
+ const oneOf = config.module.rules.find(rule => rule.oneOf).oneOf
+ oneOf.unshift(stylusLoader)
+ return config
+}
+
+
+module.exports = override(
+ stylus()
+)

package.json

@@ -18,9 +18,9 @@
  },
  "homepage": "./",
  "scripts": {
- "start": "react-scripts start",
- "build": "react-scripts build",
- "test": "react-scripts test",
+ "start": "react-app-rewired start",
+ "build": "react-app-rewired build",
+ "test": "react-app-rewired test",
  "eject": "react-scripts eject"
  },
  "eslintConfig": {
@@ -39,6 +39,13 @@
  ]
  },
  "devDependencies": {
- "@types/classnames": "^2.2.10"
+ "@types/classnames": "^2.2.10",
+ "customize-cra": "^1.0.0",
+ "customize-cra-add-stylus-loader": "^0.0.3",
+ "less": "^3.12.2",
+ "less-loader": "^7.0.1",
+ "react-app-rewired": "^2.1.6",
+ "stylus": "^0.54.8",
+ "stylus-loader": "^3.0.2"
  }
-}
+}