Code Monkey home page Code Monkey logo

reganan / fe-boilerplate Goto Github PK

View Code? Open in Web Editor NEW

This project forked from wx-chevalier/web-examples

0.0 2.0 0.0 15.09 MB

Lucid & Futuristic Production Boilerplate For Frontend(Web) Apps, React v16+ / RN / Vue.js, with TypeScript(Optional), Webpack 4 / Parcel, MobX / Redux

Home Page: https://github.com/wxyyxc1992/fe-boilerplate

CSS 1.32% TypeScript 27.39% HTML 5.49% JavaScript 61.81% Python 0.45% Java 0.39% Objective-C 1.15% C 0.67% Vue 1.16% Shell 0.16%

fe-boilerplate's Introduction

webpack-app-template

create-webpack-app 是笔者对于日常工作中的基于 React/Vue.js 技术栈与实践的沉淀,dev-config/* 与 package.json 构成了基础的脚手架,支持最新的开发流程与默认的生产环境优化;模板项目包含特性如下:

  • 技术栈支持:使用 ES6/ES7 语法、允许使用 CSS Modules、SCSS、Less 并且使用 PostCSS 进行自动 Polyfill、支持使用 styled-component 进行 CSS-in-JS 样式控制、使用 Flow 作为静态类型检测工具、使用 Jest 作为默认的测试框架;
  • 开发环境:使用 WebpackDevServer 部署开发服务器、支持组件热加载、使用 Babel 进行代码转换、使用 ESLint 进行代码检测、使用 DllPlugin 作为开发环境下公共代码提取工具以优化编译速度;
  • 生产环境:使用 CommonChunksPlugin 作为生产环境下公共代码提取工具、使用 Prepack & prepack-webpack-plugin 进行代码优化、使用 offline-plugin 添加简单的 PWA 特性增强;
  • 部署方式:支持独立部署(Hash 方式切换路由)、支持服务端部署、支持服务端渲染;

作为前端构建工具,Webpack 极大地简化了项目的打包与部署流程,并且丰富地插件系统能够自动地帮我们进行代码处理与优化,是前端现代化与工程化地重要助力;更多 Webpack 相关资料参考 Webpack 学习与资料索引。本项目针对不同的应用层框架分为以下模板:

webpack-app-template 承担起除了 React、Vue.js 项目之外的 Webpack 项目孵化器的作用

fe-boilerplate's People

Contributors

wx-chevalier avatar

Watchers

James Cloos avatar reganan avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.