多页面react脚手架,基于webpack4.x,react 16.x构建,新颖快捷。
yarn install
或npm install
安装依赖
npm run start
执行开发环境
npm run build
打包项目到dist目录
- css/sass/less支持
- 热加载支持(动态增加删除页面同样支持)
- 无需写任何的html文件,直接约定src/pages目录下的jsx(注意,仅限jsx文件)为页面文件,正常编写任何component,只需要默认到处component组件即可。像这样
import React from 'react'
import {hot} from 'react-hot-loader' //非热加载模式下无需引入
const App = () => <div>hello world</div>
export default hot(module)(App) //热加载模式
export default App //非热加载模式
即完成一个页面,简单快捷,访问路径为/**.html。其中**为src/pages下的相对路径,并将.jsx替换为.html即可。
通过gulp监控页面文件变化,修改webpack的entry和htmlwebpackplugins,通过脚本代码,会在src下自动创建.entries文件夹,这是类似模板的代码,自动生成,省时省力,专心写义务