Merge pull request #48 from uniquemo/chore/pnpm

chore: import pnpm to replace yarn

Author: uniquemo

.github/workflows/release.yml

@@ -13,10 +13,11 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '12.x'
+          node-version: '14.x'
           registry-url: 'https://registry.npmjs.org'
-      - run: yarn
-      - run: yarn build
+      - run: npm install -g pnpm
+      - run: pnpm install
+      - run: pnpm run build
       - name: Copy folder content recursively to remote
         uses: garygrossgarten/github-action-scp@release
         with:

Dockerfile

@@ -1,9 +1,12 @@
 FROM node:latest AS builder
+
 WORKDIR /usr/src/app
-COPY package.json yarn.lock ./
-RUN yarn
+
+RUN npm install -g pnpm
+COPY package.json pnpm-lock.yaml ./
+RUN pnpm install
 COPY . ./
-RUN yarn build
+RUN pnpm run build
 
 FROM nginx
 COPY --from=builder /usr/src/app/dist /usr/share/nginx/html

README.md

@@ -1,8 +1,6 @@
 # React Netease Music
 React Netease Music——一个基于React、TypeScript的高仿网易云mac客户端播放器。
 
-一直想写一个音乐播放器把玩把玩，最近无意中发现很早就有人整理出了相关的API，话不多说，撸起来！代码使用React编写，没有使用额外的数据管理库（因为react hook真的挺方便的），欢迎提出你的意见，喜欢的话请给我一个star哈~
-
 ## 项目体验地址
 [高仿网易云音乐播放器——音为爱呀😍](http://www.uniquemo.cn/discovery)
 
@@ -79,9 +77,10 @@ React Netease Music——一个基于React、TypeScript的高仿网易云mac客
 
 ## 项目启动
 - 首先将上面👆提到的API接口部分，两个API服务代码拉到本地，并启动对应的服务；
+- [安装`pnpm`包管理工具](https://pnpm.io/installation)；
 - 然后拉取本仓库代码，并执行以下命令：
 ```
-yarn
-yarn dev:local
+pnpm install
+pnpm run dev:local
 ```
 - 最后在浏览器中访问：`http://localhost:8080`

deploy/bash.sh

@@ -4,7 +4,7 @@
 
 echo "Start to deploy react-netease-music"
 
-yarn build
+pnpm run build
 scp -r ./dist/** root@www.uniquemo.cn:/usr/share/nginx/html
 
 echo "Successfully deploy react-netease-music"

package.json

@@ -1,23 +1,23 @@
 {
   "name": "react-netease-music",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "基于React、TypeScript的高仿网易云mac客户端播放器",
   "main": "index.js",
   "scripts": {
-    "dev:local": "LOCAL=true node --trace-deprecation node_modules/.bin/webpack serve --mode=development --config config/webpack.config.babel.js",
-    "dev": "node --trace-deprecation node_modules/.bin/webpack serve --mode=development --config config/webpack.config.babel.js",
+    "dev:local": "LOCAL=true webpack serve --mode=development --config config/webpack.config.babel.js",
+    "dev": "webpack serve --mode=development --config config/webpack.config.babel.js",
     "build": "webpack --mode=production --config config/webpack.config.babel.js",
     "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",
-    "version": "yarn changelog-gen && git add CHANGELOG.md",
+    "version": "pnpm run changelog-gen && git add CHANGELOG.md",
     "postversion": "git commit -m 'feat: update CHANGELOG.md' && git push",
-    "version-patch": "npm version patch && yarn version",
-    "version-minor": "npm version minor && yarn version",
-    "version-major": "npm version major && yarn version"
+    "version-patch": "npm version patch && pnpm run version",
+    "version-minor": "npm version minor && pnpm run version",
+    "version-major": "npm version major && pnpm run version"
   },
   "repository": {
     "type": "git",
@@ -64,7 +64,7 @@
     "@babel/preset-react": "^7.9.4",
     "@babel/preset-typescript": "^7.9.0",
     "@babel/register": "^7.9.0",
-    "@types/classnames": "^2.2.10",
+    "@babel/runtime": "^7.16.7",
     "@types/react": "^16.9.55",
     "@types/react-dom": "^16.9.9",
     "@types/react-router-dom": "^5.1.4",
@@ -104,9 +104,10 @@
     "@apollo/client": "^3.3.20",
     "@blueprintjs/core": "^3.26.0",
     "@uniquemo/mui": "^0.0.3",
-    "axios": "^0.19.2",
+    "axios": "^0.25.0",
     "classnames": "^2.2.6",
     "graphql": "^15.5.0",
+    "normalize.css": "^8.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-router-dom": "^5.1.2"