@monado/cli 使用的默认 React 模板 ,集成 React Router、Zustand、React I18next、Tailwindcss
npx @monado/cli create <projectName>
在项目文件夹下创建 monado.config.json 作为配置文件,目前支持的配置如下
{
"publicPath": "/",
"devServer": {
"port": 4000,
"proxy": {
"/api": "http://localhost:9000"
}
},
"alias": {
"@": "src"
},
"plugins": {
"bundleAnalyzer": false
}
}
安装@mdx-js/react 后 monado-scirpts 自动启用 mdx-loader
npm install @mdx-js/react
安装 sass 后 monado-scirpts 自动启用 sass-loader,并支持 css module
npm install sass
@monado/scripts 的配置文件的开发服务代理使用与 webpack 开发代理一样的规则
{
"devServer": {
"proxy": {
"/api": {
"target": "http://localhost:8000",
"pathRewrite": {
"^/api": ""
}
}
}
}
}
在 monado.config.json 的 alias 字段下配置别名
以下为将@
作为项目根目录下src
目录别名的配置
{
"alias": {
"@": "src"
}
}