easywebpack
基于 Webpack 前端工程构建方案

项目实战

easywebpack - 基于 Webpack 前端工程构建方案, 支持 Webpack Vue, React, Weex, JS, Weex等多种前端框架构建, 包括 Webpack Vue SSR, Webpack React SSR 构建。
Date:  2019-10-20
Word Count:  492
Read Times:  2 Min
Read Count: 

快速开始

我们可以使用基于 easywebpack 前端工程化解决方案构建的脚手架 easywebpack-cli 初始化各种项目, 目前支持如下骨架项目:

安装

npm i easywebpack-cli  -g

安装成功以后, 就可以在命令行中使用 easywebpack or easy 命令, 比如 easy init, easy build, easy dev, easy print 等。** 记得认真仔细看一下 easywebpack-cli README 文档，功能非常强大。**

命令介绍

项目初始化

  • easy init

step one:

step two:


初始化模板项目源代码：easywebpack-cli-template

编译构建举例

构建文件到磁盘, 默认根据项目根目录下面的 webpack.config.js 支持 dev/test/prod 模式构建

// 发布模式, 压缩, hash, 去除调试代码
easy build

编译和启动服务举例

文件不落地磁盘(内存), 默认根据项目根目录下面的 webpack.config.js

// 开发模式, 启动本地开发服务, 适合前端渲染项目, 后端框架项目用框架自己的启动模式.
easy server

运行完成自动打开编译结果页面 : http://127.0.0.1:8888/debug

构建发布

easy build prod

打印生成的 Webpack 配置

用于开发期, 检查通过 easywebpack 生成的 Webpack 配置是否正确

// 打印 entry
easy print dev -n entry 

easy print prod -n module.rules[0]

easy print -n plugins[0]
Author: sky
Link: https://easyjs.cn/easywebpack/about/
yuque: https://yuque.com/easy-team/easywebpack/about/
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint polocy. If reproduced, please indicate source sky !
 Previous
PWA 支持 PWA 支持
service-worker 生成easywebpack 3.7.0 内置支持 service-worker.js 生成, 该功能是通过 service-worker-precache-webpack-plugin实现的。你可以通过如下方式开启， 默认禁用。//${app_root}/webpack.config.js module.exports = { plugins:{ serviceworker:true } } 开启后, easywebpack 会自动生成 service...
2019-10-20 sky
Next 
deploy deploy
打包配置支持 webpack.config.js 文件配置 和  easyweback-cli 模式,  easywebpack-cli@4.3.2 开始支持。注意打部署包时, 如果把 node 和 alinode 打进依赖包里面，请保证打包机器操作系统与线上运行的操作系统...
2019-10-20 sky