vue-webpack模板(通过vue-cli)以后会变得更容易使用吗
Does the vue webpack template (via vue-cli) become easier to use later on?
背景
开始一个新的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-simple
和vuejs-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上的时间远远低于您设置自己的样板所花费的时间
- 使用模板后,使用Angular获取元素属性值
- 如何在导入语句中使用模板文字
- 如何使用模板访问角度数据表中的当前行数据
- 无法使用模板帮助程序设置正文类
- Angular js使用模板url将模板加载到templateCache中
- Knockout JS-无容器控件使用模板破坏Foreach
- Django google-maps API v3没有'使用模板变量时不能使用Chrome
- AngularJS指令,该指令使用模板中的原始元素类型
- 剑道 UI 窗口小部件 - 使用模板的动态标题
- 如何使用模板中的数据显示谷歌地图
- 尝试编辑使用模板购买的表单,但我似乎无法使其正常运行
- 如何在JS文件中使用模板
- 流星是否强制使用模板名称的驼峰大小写
- 使用模板事件侦听器删除 Meteor.js 集合时出现问题
- 在指令中使用模板网址会冻结应用程序
- 在AngularJS中使用模板和过滤
- 使用模板绑定创建影子 DOM
- 流星:如何使用模板事件检索“{{this}}-value”
- AngularJS使用模板进行内联编辑不起作用
- 使用模板,但保留jquery绑定