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

Does the vue webpack template (via vue-cli) become easier to use later on?

本文关键字:易使用 模板 通过 vue-cli vue-webpack      更新时间:2023-09-26

背景

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

问题

我正在考虑为这个应用程序推出我自己的webpack配置,但我担心最终会有一个像当前vuejs-templates/webpack一样大的构建过程。我的计划是从vuejs模板/webpack简单地开始,不要把事情过于复杂。我想到的是位于vuejs-templates/webpack-simplevuejs-templates/webpack之间的配置/构建过程。

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

推出我自己的webpack配置/构建过程有意义吗?还是我应该接受它并使用vuejs-templates/webpack

使用Vue大约一个月后,Vue-cli&webpack,我发现了以下内容:

1.滚你自己的样板

这感觉就像是重新发明了轮子。这不仅仅是眼前所见:编写所有的配置、加载程序、选择文件夹结构&设置测试需要相当长的时间。

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

综上所述:这是一个非常重大的决定;你需要准备好投入大量的时间来进行全面的设置
如果您的设置是所以自定义的,您必须推出自己的样板,那么请确保您必须重做模板/webpack中已经完成的大量工作。如果必须,请毫不犹豫地从当前的模板/webpack锅炉中获得一些灵感,您可能想在锅炉中使用一些巧妙的技巧。你也可以从更简单的webpack模板开始,然后从那里开始工作。

2.Fork模板/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上的时间远远低于您设置自己的样板所花费的时间