8000 GitHub - haili007/fe-boilerplate: Lucid & Futuristic Production Boilerplate For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux 多技术栈前端项目模板
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Lucid & Futuristic Production Boilerplate For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux 💫 多技术栈前端项目模板

Notifications You must be signed in to change notification settings

haili007/fe-boilerplate

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

fe-boilerplate: Boilerplates for Web Development, with React/Vue.js, Webpack/Parcel, TypeScript, Electron, etc.

fe-boilerplate 是笔者对于日常工作中的基于 React/Vue.js 技术栈与实践的收集(*部分模板修改自其他项目)与沉淀,dev-config/* 与 package.json 构成了基础的脚手架,支持最新的开发流程与默认的生产环境优化。

为了方便不同级别/熟练程度的开发者使用,笔者将模板尽可能地泛化为多个项目,包含了从入门级到生产环境等多个不同层次/复杂度的模板项目。其中,模板特性可能包括或不限于以下:

  • 技术栈支持:使用 ES6/ES7 语法、允许使用 CSS Modules、SCSS、Less 并且使用 PostCSS 进行自动 Polyfill、支持使 701E styled-component 进行 CSS-in-JS 样式控制、使用 Flow 作为静态类型检测工具、使用 Jest 作为默认的测试框架;

  • 开发环境:使用 WebpackDevServer 部署开发服务器、支持组件热加载、使用 Babel 进行代码转换、使用 ESLint 进行代码检测、使用 DllPlugin 作为开发环境下公共代码提取工具以优化编译速度;

  • 生产环境:使用 CommonChunksPlugin*(Webpack 4 中提供了 optimization 选项) 作为生产环境下公共代码提取工具、使用 Prepack & prepack-webpack-plugin 进行代码优化、使用 offline-plugin 添加简单的 PWA 特性增强;

  • 部署方式:支持独立部署(HashRouter)、支持服务端部署、支持服务端渲染;

目录索引

延伸阅读

About

Lucid & Futuristic Production Boilerplate For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux 💫 多技术栈前端项目模板

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 55.7%
  • TypeScript 32.0%
  • HTML 6.8%
  • Vue 2.1%
  • Objective-C 1.3%
  • CSS 1.1%
  • Other 1.0%
0