react全家桶 + typescript 仿网易云音乐
找到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$/]
找到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 //端口多少随意