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

Question

背景

从一个新的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？

Answer 1

在与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开始并在此过程中做一些小改动是很好的.
在这种情况下,很难将它移动到它自己的repo并通过它安装它vue-cli.我的建议是记录你对样板做的任何改变(或者为那些提交添加#hash或smth).
这样,当你开始下一个项目时,你可以按照方法#2并通过它来使用它vue-cli.

结论

我认为更改模板/ webpack时遇到的许多问题也必然会从头开始弹出.这可能是因为Webpack的文档很差(嘿,Webpack 2看起来更好!)以及现在构建JavaScript项目所需的大量工具.

使用模板/ webpack,不要回头看,你花在理解它上面的时间和vue-loader在你花在设置自己的样板上的时间之下.