react-ts-music

react全家桶 + typescript 仿网易云音乐

本地使用项目指南

处理sass预处理器

找到node_modules/react-scripts/ts/config/webpack.config.dev.js文件，在oneOf中添加：

  {
     test: /\.scss$/,
     loaders: ['style-loader', 'css-loader', 'sass-loader']
  }

然后找到exclude,添加/\.scss$/

exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/, /\.scss$/]

api使用

找到src/utils/config.ts，修改：

url: {
  baseUrl: process.env.NODE_ENV === 'development' ? 'http://xxx.xxx.x.xxx:3000/' : '/'
}

其中xxx.xxx.x.xxx为你本地ip地址

此外还有另外一个问题就是create-react-app的默认端口为3000，而开源的网易云api库默认端口也为3000(虽然可以通过每次node启动修改端口，但是我懒，愿意修改的详情可看文档)，因此可以选择一种一劳永逸的方法，在node_modules/react-scripts-ts/scripts/start.js中找到DEFAULT_PORT修改:

const DEFAULT_PORT = 4000  //端口多少随意

api来源

感谢阿发大佬开源网易云音乐 node.js API service