Vue 的开发不一定需要 Webpack,官方文档中就完全没用到 Webpack 或其他构建工具。但如果不用 Webpack,是难以优雅地实现模块化开发的。

    总结一下使用 Vue 开发的方式:

    1. 不用任何其他工具,也不实现模块化开发。
    2. 不用任何其他工具,自己手动实现模块化开发。
    3. 使用 seajs 等加载器实现模块化开发。
    4. 使用除 Webpack 的其他构建工具实现模块化开发。
    5. 使用 Webpack 实现模块化开发。
    6. ……

    第 1 种是官方文档中的方式,官方文档中的示例没有实现模块化开发。有些情况下这种方式也是可以使用的,直接放弃模块化开发,每个 HTML 文件都有一个 Vue 实例。当然,这种方式下 Vue 的组件化开发基本没什么意义了。

    第 2 种:可以利用 ES6 的新特性手动实现简单的模块化开发。实现方式参考:

    1. 前端模块化
    2. 在不用webpack的情况下如何使用组件?

    这种方式至少比第 1 种方式好多了,代码更易读、能进行组件化开发。但比起真正的模块化开发还差得远,且无法运行在不支持 ES6 的浏览器上。
    如果要自己实现较完整地模块化开发,需要较强的前端功底。
    以下内容引用自:https://www.zhihu.com/question/312627694/answer/611672411

    不要试着研究是不是可以不用 Webpack,不要试着研究怎么不用就能组件化。 因为按官方文档使用 vue-cli 脚手架可以很快学会使用它,但其实基本不需要了解它太多的细节。也很少有人完全掌握 Webpack 的细节。掌握之后能长期不忘记的更是少数。这是最短,最方便,产出最有保证的路径。 等有一天你成为大神了,想玩点花样,再研究怎么不用 Webpack 进行 Vue 的组件化开发。但这只是闲着没事为了玩的。因为使用前端构建的一套工具之后,你会体验到便捷度,开发效率,对前端的认识等等上了很大一个台阶……… 一般情况下,你就不太想退回去了。

    第 3 种:可以用 加载器 + 异步组件 + xxx 基本实现完整的模块化开发,具体参考:如何不用构建工具开发 Vue 全家桶项目
    这篇文章里讨论了很多自己实现模块化开发主要面临的问题:Webpack 是答案吗

    第 4 种:可以使用除 Webpack 外的其他构建工具来开发,比如 Gulp + RequireJS、Parcel + RequireJS。但这样还不如用 Webpack,又方便性能又好。

    第 5 种就是目前普遍使用的方式,实际开发中也最好用这种方式。
    像 Webpack 这样的构建工具提供的最主要的功能就是模块化开发,当然还有一些其他的小功能,锦上添花。