webpack在vue CLI中有什么用？

Question

好的，所以我无法理解"webpack“在Vue CLI的文本中给出了什么价值。

我刚在全球安装了vue cli。

然后，我手动创建了一个目录，并在其中创建了一个c1.vue文件。使用模板、脚本和样式标记以及相关代码。

我使用命令vue build --prod --lib c1.vue编译了它，它生成了一个c1.css和一个c1.js文件。

我只需将这些文件添加到我的自定义index.html文件，并使用vue使用cdn，一切都正常！

那么webpack有什么意义呢？

Answer 1

我使用命令vue build --prod --lib c1.vue编译了它，它生成了一个c1.css和一个c1.js文件。

那么，是谁为你提供了这些文件？webpack和vue-装载机当然:D

根据vue-cli文档：

当输入文件以.vue扩展名结束时，我们使用默认的应用程序条目加载给定的组件，否则我们将其视为正常的webpack条目。

https://github.com/vuejs/vue-cli/blob/master/docs/build.md

Answer 2

作为Vue CLI 3和这个博客帖子，Webpack仍然被使用，但在幕后，因为它被抽象到每个插件中，然后在运行时合并到一个单独的配置位置。

当您安装第一个Vue CLI 3项目并看到项目根目录中没有webpack.config.js时，您可能会松一口气。这是因为Vue CLI 3的大多数项目配置被抽象为插件，并在运行时合并到基本配置中。

Vue CLI将Webpack的复杂性抽象为每个插件。您仍然可以构建自己的模板并调用Webpacks插件，但可以使用适当的vue.config.js文件。