vue-cli2.x 与 vue-cli3.0 更新后的自我发现与差异

前言

通过自我发现和思考，总结结论。本人小白如有错误或不足，请大神指点和纠正小弟

Vue-cli2.x

在之前的项目里面都是用Vue-cli2.x的脚手架进行搭建项目

vue init webpack project_name

上述意思是Vue-template + webpack构建工具的提供模板；

当然如果不想使用webpack构建工具结合的话，可以自定义模板（详细操作自行百度）

由上述可知，项目构建后通过项目目录结构大概可知，webpack的配置在build文件下

Vue-cli3.0

使用Vue-cli3.0脚手架搭建项目

vue create project_name

vue-cli3.0的更新将webpack内嵌，是结合webpack来构建项目（跟2.x的区别也许就是内嵌webpack吧..）

详情https://cli.vuejs.org/zh/guide/

至于如何不使用webpack来构建项目，我也不了解...

从项目的文件目录可知，Vue-cli3.0构建的项目相对简洁明了，文件目录解析就不细说了

但发现一点的是，webpack的配置文件并不存在，因为脚手架将其隐藏了，可通过建立文件Vue.config.js来修改webpack配置

详情https://cli.vuejs.org/zh/guide/webpack.html#简单的配置方式

在vue-cli3.0会提供不同的服务https://cli.vuejs.org/zh/guide/cli-service.html#使用命令，这些服务构建于webpack之上

共同点

在我的认知上，因为cli服务是一个npm包，它内置了项目中一些服务命令，通过npm去调用（访问）这些服务命令，如serve、build等

在package.json中

vue-cli-service是一个开箱即用的服务器，基于 webpack-dev-serve，服务于webpack包，关于webpack-dev-serve的使用

详情https://segmentfault.com/a/1190000006964335

通过命令npm run serve调用vue-cli-service服务，将源代码打包生成webpack包， 然后扔到vue-cli-service小型服务器上运行。用于本地开发。

通过命令npm run build，来使用webpack构建工具进行打包，对源代码文件的压缩。

总结

通过自己的一些自我发现，我觉得自己收益良多，至少不再是对项目的构建的使用，需要对项目上的一些涉及的方面的认知需要加深并且，还得继续看后面的配置文件，了解及其原理等。后面可能会写一些关于webpack的配置上的认识和了解的文章，如果本篇文章有错误，需要纠正的地方，请各路大神指点小弟。