React Vue.js
Need help with easywebpack?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
easy-team

Description

A Simple, Powerful Webpack Front-End Development Solution

443 Stars 43 Forks MIT License 602 Commits 7 Opened issues

Services available

Need anything else?

easywebpack

NPM version build status Test coverage David deps npm download

A Simple, Powerful Wepback Front-End Development Solution

Feature

  • ✔︎ Provide Webapck Development and Build Capabilities, Such As Normal Webpack Plugin And Loaders
  • ✔︎ Provide Base Capabilities Support, Such As PostCss, Sass, Less, Stylus, Css Module, Service Worker
  • ✔︎ Provide Webpack Basic Development And Build Capabilities, Such As Dev server, Hot-Reload, TypeScript, Dll
  • ✔︎ Provide Webpack Efficient Development Tool, Such As Bundle Size Analysis, Bundle Build Cost Analysis, Mock Server, HTTP Web Server And So On.
  • ✔︎ Provide Multiple Types Of Project Building, Such As React, Vue, Weex, HTML, Weex Application
  • ✔︎ Provide Webpack Web (Browser Client Side Render) And Node (Node Server Side Render) Buiding Mode
  • ✔︎ Provide Strong Extend Capabilities For More Front-End Framework

easywebpack

Document

  • https://easyjs.cn
  • https://www.yuque.com/easy-team/easywebpack
  • https://zhuanlan.zhihu.com/easywebpack

Install

$ npm i @easy-team/easywebpack --save-dev

Usage

  • Webpack Config
// ${root}/webpack.config.js
const easywebpack = requier('@easy-team/easywebpack');
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;

Front-End Framework

Webpack Command Tool

npm install easy-team/easywebpack-cli -g

QuickStart Programming

easywebpack-cli Webpack Building Command Line And Boilerplate Init Tool for easywebpack

easy-init

easy-egg-vue

easy-egg-react

Efficient Development

  • Use the plugin
    webpack-bundle-analyzer
    or
    stats-webpack-plugin
    for webpack build size analysis
  easy build --size

easy-build-size

  • Use the plugin
    speed-measure-webpack-plugin
    for webpack build speed analysis and count the time spent on each loader and plugin
  easy build --speed
  easy server -d mock

Application Boilerplate

Vue/React Client Side Render Application

Egg + Vue Server/Client Side Render Webpack Building Application

Egg + React Server/Client Side Render Webpack Building Application

Weex/HTML Webpack Building Application

Questions & Suggestions

Please open an issue here.

Contributors


sky

💻 📖

jasonjcpeng

💻 📖

Kevin Zhong

💻 📖

HiuYanChong

💻 📖

Suyi

💻 📖

Roy Li

💻 📖

Mice

💻 📖

小杰

💻 📖

asins

💻 📖

License

MIT

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.