这是自己撸的一个react
脚手架
使用了代码分片
、按需加载
、DLL
等方式来优化项目,所以你不用为项目过大而烦恼。
并且将webpack
配置全部暴露出来,你可以根据自己的喜好去修改。
github
地址:https://github.com/Vibing/rea…(听说点star
的人都是好人????)
react-ve
一个让你快速搭建react
开发环境的脚手架
安装及使用:
npm install react-ve -g
react-ve init [projectName]
启动项目:
cd [projectName]
yarn 或 npm install
npm run dll
npm start
在浏览器地址栏中输入:localhost:3000
即可访问
项目打包,运行npm run build
即可,项目将打包至dist
文件夹内
默认使用技术栈:
react
typescript
antd
styled-components
react-router-dom
immutable
建议:
项目公共样式(包括antd
、框架、装饰页)使用less
,页面级样式采 用styled-components
,以防止样式污染。
你可以根据喜好来使用或者不适用它们。
DLL :
在webpack.dll.config.babel.js
中,默认打包的公共包包括:
entry: {
vendor: ['react', 'react-dom', 'antd', 'react-router-dom', 'immutable']
}
你可以根据自己的喜好做删减
有任何问题 可以给我留言~