4

这是自己撸的一个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']
  }

你可以根据自己的喜好做删减

有任何问题 可以给我留言~


alwaysVe
1.9k 声望162 粉丝

前进