基もと于 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 初はつ始はじめ化か

MIT