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

zidoshare/react-multiple-pages-starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

624bc65 · Jul 12, 2018

History

7 Commits
Jul 12, 2018
Jul 12, 2018
Jul 12, 2018
Jul 12, 2018
Jul 12, 2018
Jul 12, 2018
Jul 12, 2018
Jul 12, 2018
Jul 12, 2018
Jul 12, 2018
Jul 12, 2018
Jul 12, 2018
Jul 12, 2018
Jul 12, 2018
Jul 12, 2018
Jul 12, 2018

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