easywebpack

基于 Webpack 的前端构建工程化解决方案

Usage no npm install needed!

<script type="module">
  import easywebpack from 'https://cdn.skypack.dev/easywebpack';
</script>

README

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

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
    
  • support start local file web http server and data mock service by node-http-server

    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