Skip to content
This repository has been archived by the owner on Feb 20, 2022. It is now read-only.

zidoshare/react-multiple-pages-starter

Repository files navigation

react-multiple-pages-starter

多页面react脚手架,基于webpack4.x,react 16.x构建,新颖快捷。

开发

yarn installnpm 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文件夹,这是类似模板的代码,自动生成,省时省力,专心写义务

Releases

No releases published

Packages

No packages published

Languages