主要介绍了Vue CLI2升级至Vue CLI3的方法步骤,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

webpack 升级到4之后还没好好的同步一个可实用的webpack架子，接下来用webpack4来搭建一个简单的react的多界面应用，废话不说 直接撸码 创建工程 $ mkdir demo && cd demo $ npm init -y webpack 配置 安装react + babel 依赖 $ npm i -S react16.3.0 react-dom16.3.0 $ npm i -D webpack4.4.1 webpack-cli2.0.13 webpack-dev

在项目打包上有两个目标：减少打包代码体积和加快打包速度 1. 减少打包体积： （1）对于用的比较少的库，可以去掉（我去掉了jquery以及lodash），用到的地方，参考源码自己写 （2）非用不可的又比较大的库（我这里用了monaco-edit），使用cdn方式引入 打包体积减少的情况下，自然速度也会有所提升 2. 加快打包速度： 我目前做了这些： （1）vue-cli2升级到vue-cli3，顺便webpack2升级到webpack4，构建速度一下子从3分钟左右提升到不到1分钟（vue-cli

在线预览： 手机直接扫描二维码真机体验： 项目详情介绍： 历史版本 基于Vue-CLI2.0： 这个分支版本是一两年前的，基于Vue-CLI2.0写的，数据请求是Mock，纯前端的项目。 基于Vue-CLI3.0： 这个分支版本是基于Vue-CLI3.0的，将脚手架从2.0迁移升级到了3.0，遇到的一些问题和坑也都填完了~也是纯Web端Mock模拟数据的项目。 Github： 前端： ： 服务端： : 后台管理CMS： : 使用说明 克隆项目 https://github.com