Merge pull request #17 from uniquemo/feat/style-lint

feat: add style lint

Author: uniquemo

.vscode/settings.json

@@ -17,5 +17,8 @@
     "typescript",
     "javascriptreact",
     "typescriptreact"
-  ]
+  ],
+  "stylelint.enable": true,   // 开启stylelint vscode插件
+  "css.validate": false,      // 关闭vscode默认的css插件
+  "scss.validate": false      // 关闭vscode默认的scss插件
 }

CHANGELOG.md

@@ -1,3 +1,22 @@
+## [1.1.4](https://github.com/uniquemo/react-netease-music/compare/v1.1.3...v1.1.4) (2020-11-04)
+
+
+### Bug Fixes
+
+* html-webpack-plugin warning ([df2ae8c](https://github.com/uniquemo/react-netease-music/commit/df2ae8c544c586aeff47785dfaf1ed1bf3ccce46))
+
+
+### Features
+
+* lint style files ([883628f](https://github.com/uniquemo/react-netease-music/commit/883628f02658779f6111be13a7c63167e5d0f47e))
+* **issues:** add 升级react16到react17 ([0f1355b](https://github.com/uniquemo/react-netease-music/commit/0f1355b309773f52b2c7754f64f30fe5902150e2))
+* update @babel/preset-react config, set runtime to automatic ([d7c8a62](https://github.com/uniquemo/react-netease-music/commit/d7c8a622f641b1306ca7c4ee5023ad48eb6428a3))
+* upgrade html-webpack-plugin version ([486fe26](https://github.com/uniquemo/react-netease-music/commit/486fe26cdd1b39962c3606e78e3fe856b22df3fc))
+* upgrade react16 to react17 ([287d4a0](https://github.com/uniquemo/react-netease-music/commit/287d4a0728d3038d2df99e7359d29f7e29bee083))
+* upgrade typescript3 to typescript4 ([93a54b1](https://github.com/uniquemo/react-netease-music/commit/93a54b1d6415a5cb90aa2dcc78229abfa4fcf773))
+
+
+
 ## [1.1.3](https://github.com/uniquemo/react-netease-music/compare/v1.1.2...v1.1.3) (2020-10-21)
 
 

package.json

@@ -1,13 +1,14 @@
 {
   "name": "react-netease-music",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "基于React、TypeScript的高仿网易云mac客户端播放器",
   "main": "index.js",
   "scripts": {
     "dev": "node --trace-deprecation node_modules/.bin/webpack serve --mode=development",
     "build": "webpack --mode=production",
     "type-check": "tsc --watch",
     "lint": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
+    "style-lint": "stylelint 'src/**/*.css' --fix",
     "release": "./deploy/bash.sh",
     "docker-release": "./deploy/docker.sh",
     "changelog-gen": "conventional-changelog -p angular -i CHANGELOG.md -s",
@@ -48,6 +49,10 @@
   "lint-staged": {
     "src/**/*.{js,jsx,ts,tsx}": [
       "eslint --fix"
+    ],
+    "src/**/*.css": [
+      "prettier --write",
+      "stylelint --config stylelint.config.js --fix"
     ]
   },
   "devDependencies": {
@@ -83,6 +88,8 @@
     "postcss-nested": "^4.2.1",
     "prettier": "^2.1.0",
     "style-loader": "^1.2.1",
+    "stylelint": "^13.7.2",
+    "stylelint-config-standard": "^20.0.0",
     "terser-webpack-plugin": "^5.0.0",
     "typescript": "^4.0.5",
     "url-loader": "^4.1.0",

src/components/Artists/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsColor, tipsHoverColor from colors;
 
 .root {

src/components/Comment/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value blue, tipsHoverColor from colors;
 
 .root {
@@ -31,6 +31,7 @@
   .reply {
     margin-bottom: 10px;
     font-size: 0.9em;
+
     .item {
       width: 100%;
       padding: 8px 10px;

src/components/Layout/Footer/PlayOperations/style.module.css

@@ -1,7 +1,9 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value red from colors;
 
-.prev, .next, .pause {
+.prev,
+.next,
+.pause {
   cursor: pointer;
 }
 
@@ -25,4 +27,4 @@
   & svg {
     color: #fff;
   }
-}
+}

src/components/Layout/Footer/PlayRecord/List/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsColor, borderColor, nameHoverColor, nameColor from colors;
 
 .name {
@@ -13,6 +13,7 @@
   .text {
     display: flex;
     align-items: center;
+
     span {
       margin-right: 5px;
     }

src/components/Layout/Footer/PlayRecord/style.module.css

@@ -1,7 +1,7 @@
-@value constants: "~styles/constants.module.css";
+@value constants: '~styles/constants.module.css';
 @value footerHeight, headerHeight from constants;
 
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsColor, borderColor from colors;
 
 .root {
@@ -43,7 +43,8 @@
     }
   }
 
-  .active, .active:hover {
+  .active,
+  .active:hover {
     color: #fff;
     background-color: tipsColor;
   }

src/components/Layout/Footer/PlayVolume/style.module.css

@@ -1,4 +1,4 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value tipsColor from colors;
 
 .root {

src/components/Layout/Footer/style.module.css

@@ -1,7 +1,7 @@
-@value colors: "~styles/colors.module.css";
+@value colors: '~styles/colors.module.css';
 @value red from colors;
 
-@value constants: "~styles/constants.module.css";
+@value constants: '~styles/constants.module.css';
 @value footerHeight, bodyMinWidth from constants;
 
 .root {
@@ -55,11 +55,11 @@
   .hideLyric {
     display: block;
   }
-  
+
   & img {
     width: 40px;
     height: 40px;
-    margin-right: 10px;;
+    margin-right: 10px;
     border: none;
     border-radius: 5px;
     background-color: #ccc;