8

背景

从一个新的 vue.js (2.0) 项目开始。我vue-cli在其他项目（vuejs-templates/webpack）中工作过，发现在进行任何类型的更改时很难掌握构建过程。最重要的是，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？

4

1 回答 1

7

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

1.滚动你自己的样板

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

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

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

2. 分叉模板/webpack

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

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

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

vue init username/repo my-project

3. 调整模板/webpack

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

结论

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

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

于 2016-11-11T16:24:51.320 回答