Need help with webpack-dev-boilerplate?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

GuoYongfeng
126 Stars 108 Forks MIT License 57 Commits 7 Opened issues

Description

基于React + Webpack + Babel的开发脚手架

Services available

!
?

Need anything else?

Contributors list

# 127,809
HTML
CSS
React
es2015
20 commits
# 30,836
Vue.js
CSS
pie
Docker
15 commits
# 43,066
CSS
TypeScr...
data-dr...
Shell
3 commits
# 622,860
HTML
CSS
1 commit
# 27,482
HTML
CSS
vuejs
Shell
1 commit

基于React + Webpack + Babel的项目脚手架

这个脚手架工程模板用于快速启动基于 React + Webpack 为技术栈的前端项目

Features 功能特性

  • 可以解析 JSX 语法
  • 可以解析 ES6 语法新特性
  • 支持 LESS 预处理器
  • 支持 SASS 预处理器
  • 编译完成自动打开浏览器
  • 区分开发环境和生产环境
  • 实现组件级热更新
  • 实现代码的热替换,浏览器实时刷新查看效果
  • 分离业务功能代码和公共依赖代码
  • 单独分离 CSS 样式文件
  • 支持编译 HTML 模板
  • 支持文件 MD5 戳,解决文件缓存问题
  • 支持图片、图标字体等资源的编译
  • 支持浏览器源码调试
  • 可以进行代码规则校验
  • 支持 mocha 测试用例运行
  • 支持一行命令产出待部署资源

1. start

$ git clone https://github.com/GuoYongfeng/webpack-dev-boilerplate
$ cd webpack-dev-boilerplate
$ npm install

2. dev

2.1 开发调试

//首先运行dll预打包
$ npm run start:pre
//打包完成,启动项目
$ npm start

查看效果

http://127.0.0.1:9090

2.2 代码检查

$ npm run lint

2.3 测试用例

$ npm run test:watch

2.4 产出资源

$ npm run build

3. 技术栈

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.