vue webpack 模板（通过 vue-cli）以后会变得更容易使用吗？

Posted 2023-02-22

【中文标题】vue webpack 模板（通过 vue-cli）以后会变得更容易使用吗？

【英文标题】：Does the vue webpack template (via vue-cli) become easier to use later on?

【发布时间】：2017-02-23 20:27:07

【问题描述】：

背景

开始一个新的 vue.js (2.0) 项目。我曾在其他项目 (vuejs-templates/webpack) 中与 vue-cli 合作过，并且发现在进行任何类型的更改时都难以掌握构建过程。 最重要的是，webpack 因其缺乏文档而臭名昭著，因此即使对构建过程进行细微的调整，也需要做大量的工作。 总的来说，我相信我对 webpack 和 vue-loader 都了解。不过，我仍然很难全面了解vuejs-templates/webpack。

问题

我正在考虑为这个应用程序滚动我自己的 webpack 配置，但我担心我最终会得到一个与当前 vuejs-templates/webpack 一样大的构建过程。 我的计划是从vuejs-templates/webpack-simple 开始，不要让事情过于复杂。 我想到的是一个位于vuejs-templates/webpack-simple 和vuejs-templates/webpack 之间的配置/构建过程。

我很想看看其他人（也许我有更多经验）对vuejs-templates/webpack 的看法。想知道随着项目的发展，它是否会变得更难使用，或者最终是否会变得有意义。

滚动我自己的 webpack 配置/构建过程是否有意义，或者我应该接受它并使用 vuejs-templates/webpack？

【问题讨论】：

在我的选项和我的项目中，我只使用模板的构建配置和过程。然后我会根据我的项目变化来定制这个配置

【参考方案1】：

在使用 Vue、vue-cli 和 webpack 大约一个月后，我发现了以下几点：

1。滚动你自己的样板

这感觉很像重新发明***。不仅仅是看起来：编写所有配置、加载程序、选择文件夹结构和设置测试需要相当多的时间。

您会经常将重点从开发应用转移到调整构建。开发过程中会需要很多小东西，但从一开始就使用 vue-loader 会大大减轻痛苦。

总而言之：这是一个非常重大的决定，您需要准备好投入大量时间才能完全做好准备。 如果您的设置是如此自定义的，以至于您必须推出自己的样板，那么请确保您必须重做很多已经在 templates/webpack中完成的工作>。如果必须，不要犹豫，从当前的 templates/webpack 锅炉中获得一些灵感，您可能想在您的锅炉中使用一些巧妙的技巧。你也可以从更简单的 webpack 模板开始，然后从那里开始。

2。 fork 模板/webpack

如果您打算重做一些文件夹结构并可能更改一些核心库，最好自己创建 templates/webpack 的分支，而不是从头开始。

一开始并不容易，但是当您开始理解所涉及的结构和工具时，您会意识到最初的挫折是值得的。

作为奖励，您可以通过vue-cli 安装它并轻松地将其重新用于其他项目：

vue init username/repo my-project

3。调整模板/webpack

有时您不会提前知道样板文件的外观。在这种情况下，我意识到从 templates/webpack 开始并在此过程中进行一些小的更改是很好的。 在这种情况下，很难将它移动到它自己的仓库并通过vue-cli 安装它。我的建议是记下您对样板所做的任何更改（或在这些提交中添加 #hash 或 smth）。 这样，当您开始下一个项目时，您可以按照方法 #2 并通过vue-cli 使用它。

结论

我认为您在更改 templates/webpack 时会遇到的许多问题在从头开始进行时也会出现。这可能是因为 Webpack 糟糕的文档（嘿，Webpack 2 看起来更好！）以及现在构建 javascript 项目所需的工具数量之多。

使用 templates/webpack 并且不要回头看，你花在理解它和 vue-loader 上的时间远低于你花在设置上的时间建立你自己的样板。

【讨论】：

但是您刚刚提到您花了很多时间仍然无法完成“即使对构建过程进行细微调整也需要大量工作”，也许您可​​以提供更多技术细节它是如何改变的？如果能写博客就好了。