easy-team / Easywebpack
Licence: mit
A Simple, Powerful Webpack Front-End Development Solution
Stars: ✭ 452
Programming Languages
javascript
184084 projects - #8 most used programming language
typescript
32286 projects
stylus
462 projects
Projects that are alternatives of or similar to Easywebpack
Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+305.53%)
Mutual labels: webpack4, hot-reload, server-side-rendering
ultimate-hot-boilerplate
🚀 node-react universal app boilerplate with everything on hot reload, SSR, GraphQL, Flow included
Stars: ✭ 35 (-92.26%)
Mutual labels: server-side-rendering, hot-reload, webpack4
163music
🎵163 music web app built with Vue 2.6, server side render, webpack 4
Stars: ✭ 139 (-69.25%)
Mutual labels: webpack4, server-side-rendering
React Pwa
An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience.
Stars: ✭ 2,433 (+438.27%)
Mutual labels: webpack4, hot-reload
Wpk
a friendly, intuitive & intelligent CLI for webpack
Stars: ✭ 232 (-48.67%)
Mutual labels: webpack4, webpack-configuration
Typescript Hapi React Hot Loader Example
Simple TypeScript React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (-90.27%)
Mutual labels: webpack4, server-side-rendering
Universal React Demo
ES6 demo of a simple but scalable React app with react-router, code splitting, server side rendering, and tree shaking.
Stars: ✭ 50 (-88.94%)
Mutual labels: webpack4, server-side-rendering
React Webpack4 Cook
💯The most powerful webpack4 tutorial in the universe
Stars: ✭ 152 (-66.37%)
Mutual labels: webpack4, webpack-configuration
vue-ssr-example
Ready for use Example for Vue + Vuex + TS + SSR + Jest
Stars: ✭ 23 (-94.91%)
Mutual labels: server-side-rendering, hot-reload
easywebpack-vue
Vue Webpack Building Solution, Support Vue Server Side Render (SSR), Client Side Render (CSR) Building
Stars: ✭ 29 (-93.58%)
Mutual labels: server-side-rendering, hot-reload
Letterpad
Letterpad is an open-source and a high performant publishing engine for blogs built with react & graphql and runs ridiculously fast 🚀
Stars: ✭ 496 (+9.73%)
Mutual labels: webpack4, single-page-app
Elm Webpack Starter
Elm 0.19.1 + Webpack 4 with hot-reloading! (Includes Babel for port code; CI script)
Stars: ✭ 332 (-26.55%)
Mutual labels: webpack4, hot-reload
Easywebpack Cli
A Powerful Cross-platform Webpack CLI Tool
Stars: ✭ 110 (-75.66%)
Mutual labels: weex, server-side-rendering
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+188.05%)
Mutual labels: webpack4, server-side-rendering
V2 Universal Js Hmr Ssr React Redux
⚡ (V2) Universal JS - Server Side Rendering, Code Splitting and Hot Module Reloading ⚡
Stars: ✭ 147 (-67.48%)
Mutual labels: hot-reload, server-side-rendering
Universal React Redux
🧐 A sensible universal starter kit for React + Redux
Stars: ✭ 112 (-75.22%)
Mutual labels: hot-reload, server-side-rendering
React Imvc
An Isomorphic MVC Framework
Stars: ✭ 211 (-53.32%)
Mutual labels: server-side-rendering, single-page-app
Universal Hmr Ssr React Redux
⚡A Universal Javascript App Utilizing Express, Webpack, React, Redux and React Router with Server Side Rendering and Hot Module Reloading ⚡
Stars: ✭ 60 (-86.73%)
Mutual labels: hot-reload, server-side-rendering
FlexDotnetCMS
A powerful, flexible, decoupled and easy to use and Fully Featured ASP .NET CMS, it can also be used as a Headless CMS
Stars: ✭ 45 (-90.04%)
Mutual labels: single-page-app, server-side-rendering
stimulus todomvc
[WIP] An implementation of TodoMVC using Ruby on Rails and StimulusJS
Stars: ✭ 14 (-96.9%)
Mutual labels: single-page-app, server-side-rendering
easywebpack
基于 Webpack 的前端构建工程化解决方案 easywebpack
安装
npm install easywebpack --save-dev
文档与总结
- https://easyjs.cn
- https://www.yuque.com/easy-team/easywebpack
- https://zhuanlan.zhihu.com/easywebpack
版本说明
- easywebpack 5.x.x > Webpack 5.x.x + Babel 7
- easywebpack 4.x.x > Webpack 4.x.x + Babel 6
- @easy-team/easywebpack 4.x.x > Webpack 4.x.x + Babel 7
- easywebpack 3.x.x > Webpack 3.x.x + Babel 6
基础功能
- 支持服务端渲染, 前端渲染, 静态页面渲染三种构建方式
- 支持单页面, 多页面服务端渲染构建模式
- 默认支持
dev
,test
,prod
环境配置 - 集成
webpack-hot-middleware
热更新实现, 支持 css inline 和 css extract 热更新 - 支持 entry 原生配置和目录遍历自动构造 entry 功能
- 支持自动根据后缀名构建 entry 文件,比如
.vue
和.jsx
文件为入口文件 - 支持 es6 class 继承方式编写 Webpack 配置
- 支持 js/css/image 压缩, 内置支持 CDN 特性
- 支持 css/sass/less/stylus, 支持css module 和 css extract 特性
- 支持 loader 是否启用,合并,覆盖配置
- 支持 plugin 是否启用,合并,覆盖配置
- 支持 loader 和 plugin npm module 是否启用,按需安装
- 支持 eslint, postcss 等特性
- 支持 dll 构建解决方案
- 支持 webpack typescript 构建
- 提供
easywebpack-cli
和webpack-tool
辅助工具。
easywebpack不与任何框架耦合, 你需要基于现有的解决方案使用或者扩展解决方案使用
工程化
解决方案
基于 easywebpack
基础骨架,目前已扩展 Vue
React
Weex
, HTML
, Javascript
五种解决方案:
- easywebpack-js 支持纯 javascript 文件构建模式
- easywebpack-vue 支持 Vue 纯前端构建和Node端构建模式
- easywebpack-react 支持 React 纯前端构建和Node端构建模式
- easywebpack-weex 支持 Native 和 Web 构建模式
- easywebpack-html 支持 HTML静态页面模式,支持 nunjucks 引擎
使用
// ${root}/webpack.config.js
const easywebpack = requier('easywebpack-react');
const env = process.env.BUILD_ENV; // support dev/test/prod
const webpackConfig = easywebpack.getWebpackConfig({
env,
target: 'web',
entry: {
index: 'src/app.js'
}
});
module.exports = webpackConfig;
命令行工具
easywebpack-cli 基于 easywebpack 前端工程化解决方案构建的脚手架命令行工具。
- 支持 Vue/React/Weex/HTML 框架项目的初始化,包括 SPA 应用,多页面应用,Server Side Render(Egg)项目
- 支持命令行 Webpack 构建,包括 Webpack 配置信息打印(调试)和获取
- 提供构建结果 UI 导航展现和访问。
项目骨架
-
egg-vue-webpack-boilerplate Egg + Vue 服务端渲染骨架
-
egg-vue-typescript-boilerplate Egg + Vue + TypeScript + Webpack 服务端渲染骨架
-
egg-react-webpack-boilerplate Egg + React 服务端渲染骨架
-
egg-react-typescript-boilerplate Egg + React + TypeScript + Webpack 服务端渲染骨架
以上骨架可以通过 easywebpack-cli 初始化
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].