react-02 Project Development

1 Using create-react-app to build project

	npm install -g create-react-app  //全局下载工具
	create-react-app react-admin  //下载模板项目
	cd react-admin   //进入到文件夹
	npm start   //运行项目

	访问:localhost:3000

2 Based Structure of project

3 Using Antd and module

//yarn add antd
cnpm install antd --save
yarn add react-app-rewired customize-cra babel-plugin-import

4 Definite JS module by yourself

const {override,fixBabelImports} = require('customize-cra');


const {override,fixBabelImports} = require('customize-cra');
//针对antd实现按需打包:根据import来打包(使用babel-plugin-import)
module.exports = override(
    fixBabelImports('import',{
        libraryName: 'antd',
        libraryDirectory: 'es',
        style: 'css',  //自动打包相关的样式
    }),
);

发布了49 篇原创文章 · 获赞 13 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/mengdeng19950715/article/details/98726740