webpack-dev-boilerplate

by GuoYongfeng

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

127 Stars 109 Forks Last release: Not found MIT License 57 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

基于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.