代码拉取完成,页面将自动刷新
npm install create-react-app
create-react-app demo
yarn start
或者npm start
yarn add react-router-dom axios less-loader
yarn eject
设置webpack的less解析yarn add antd
yarn add babel-plugin-import
,不需要单独引入antd的样式,此时需要在package.json中配置"babel": {
"presets": [
"react-app"
],
"plugins": [
["import", {
"libraryName": "antd",
"libraryDirectory": "es",
"style": true
}]
]
}
yarn add less less-loader
const cssRegex = /\.css$/;
const cssModuleRegex = /\.module\.css$/;
const sassRegex = /\.(scss|sass)$/;
const sassModuleRegex = /\.module\.(scss|sass)$/;
//依照sass添加less
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;
...
//复制sass的解析相应的修改为less即可
{
test: lessRegex,
exclude: lessModuleRegex,
use: getStyleLoaders(
{
importLoaders: 2,
sourceMap: isEnvProduction && shouldUseSourceMap,
},
'less-loader'
),
sideEffects: true,
},
{
test: lessModuleRegex,
use: getStyleLoaders(
{
importLoaders: 2,
sourceMap: isEnvProduction && shouldUseSourceMap,
modules: true,
getLocalIdent: getCSSModuleLocalIdent,
},
'less-loader'
),
},
yarn add jsonp --save
...
yarn add redux react-redux redux-devtools-extension --save
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。