草庐IT

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

coder 2024-07-19 原文

背景

开始一个新的 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-simplevuejs-templates/webpack 之间某处的配置/构建过程。

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

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

最佳答案

在使用 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 上的时间远远低于你花在设置上的时间建立自己的样板。

关于javascript - vue webpack 模板(通过 vue-cli)以后会变得更容易使用吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40042592/

有关javascript - vue webpack 模板(通过 vue-cli)以后会变得更容易使用吗?的更多相关文章

  1. ruby - 通过 erb 模板输出 ruby​​ 数组 - 2

    我正在使用puppet为ruby​​程序提供一组常量。我需要提供一组主机名,我的程序将对其进行迭代。在我之前使用的bash脚本中,我只是将它作为一个puppet变量hosts=>"host1,host2"我将其提供给bash脚本作为HOSTS=显然这对ruby​​不太适用——我需要它的格式hosts=["host1","host2"]自从phosts和putsmy_array.inspect提供输出["host1","host2"]我希望使用其中之一。不幸的是,我终其一生都无法弄清楚如何让它发挥作用。我尝试了以下各项:我发现某处他们指出我需要在函数调用前放置“function_”……这

  2. ruby-on-rails - Mandrill API 模板 - 2

    我正在使用Mandrill的RubyAPIGem并使用以下简单的测试模板:testastic按照Heroku指南中的示例,我有以下Ruby代码:require'mandrill'm=Mandrill::API.newrendered=m.templates.render'test-template',[{:header=>'someheadertext',:main_section=>'Themaincontentblock',:footer=>'asdf'}]mail(:to=>"JaysonLane",:subject=>"TestEmail")do|format|format.h

  3. 计算机毕业设计ssm+vue基本微信小程序的小学生兴趣延时班预约小程序 - 2

    项目介绍随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱小学生兴趣延时班预约小程序的设计与开发被用户普遍使用,为方便用户能够可以随时进行小学生兴趣延时班预约小程序的设计与开发的数据信息管理,特开发了小程序的设计与开发的管理系统。小学生兴趣延时班预约小程序的设计与开发的开发利用现有的成熟技术参考,以源代码为模板,分析功能调整与小学生兴趣延时班预约小程序的设计与开发的实际需求相结合,讨论了小学生兴趣延时班预约小程序的设计与开发的使用。开发环境开发说明:前端使用微信微信小程序开发工具:后端使用ssm:VU

  4. ruby - Chef Ruby 遍历 .erb 模板文件中的属性 - 2

    所以这可能有点令人困惑,但请耐心等待。简而言之,我想遍历具有特定键值的所有属性,然后如果值不为空,则将它们插入到模板中。这是我的代码:属性:#===DefaultfileConfigurations#default['elasticsearch']['default']['ES_USER']=''default['elasticsearch']['default']['ES_GROUP']=''default['elasticsearch']['default']['ES_HEAP_SIZE']=''default['elasticsearch']['default']['MAX_OP

  5. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法? - 2

    我遇到了一个非常奇怪的问题,我很难解决。在我看来,我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时,我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性,其中包括href和data-method。再次单击此链接后,我的服务器收到了对新href的请求,但使用的是旧的data-method,即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是,如果我刷新页面,HTML与"new"HTML相同(随返回的JS发生变化),但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  6. ruby - 如何在 Ruby 中执行 Windows CLI 命令? - 2

    我在目录“C:\DocumentsandSettings\test.exe”中有一个文件,但是当我用单引号编写命令时`C:\DocumentsandSettings\test.exe(我无法在此框中显示),用于在Ruby中执行命令,我无法这样做,我收到的错误是找不到文件或目录。我尝试用“//”和“\”替换“\”,但似乎没有任何效果。我也使用过系统、IO.popen和exec命令,但所有的努力都是徒劳的。exec命令还使程序退出,这是我不想发生的。提前致谢。 最佳答案 反引号环境就像双引号,所以反斜杠用于转义。此外,Ruby会将空格解

  7. ruby - 如何通过Middleman安装和使用Slim模板引擎 - 2

    一般来说,我是Middleman和ruby​​的新手。我已经安装了Ruby我已经安装了Middleman和gem以使其运行。我需要使用slim而不是默认的模板系统。所以我安装了Slimgem。Slim的网站只说我需要'slim'才能让它工作。中间人网站说我只需要在config.rb文件中添加模板引擎,但是没有给出例子...对于没有ruby​​背景的人来说,这没有帮助。我在git上找了几个config.rb,它们都有:require'slim'和#Setslim-langoutputstyleSlim::Engine.set_default_options:pretty=>true#Se

  8. ruby - 在 Mechanize 中使用 JavaScript 单击链接 - 2

    我有这个:AccountSummary我想单击该链接,但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan

  9. 网站日志分析软件--让网站日志分析工作变得更简单 - 2

    网站的日志分析,是seo优化不可忽视的一门功课,但网站越大,每天产生的日志就越大,大站一天都可以产生几个G的网站日志,如果光靠肉眼去分析,那可能看到猴年马月都看不完,因此借助网站日志分析工具去分析网站日志,那将会使网站日志分析工作变得更简单。下面推荐两款网站日志分析软件。第一款:逆火网站日志分析器逆火网站日志分析器是一款功能全面的网站服务器日志分析软件。通过分析网站的日志文件,不仅能够精准的知道网站的访问量、网站的访问来源,网站的广告点击,访客的地区统计,搜索引擎关键字查询等,还能够一次性分析多个网站的日志文件,让你轻松管理网站。逆火网站日志分析器下载地址:https://pan.baidu.

  10. (附源码)vue3.0+.NET6实现聊天室(实时聊天SignalR) - 2

    参考文章搭建文章gitte源码在线体验可以注册两个号来测试演示图:一.整体介绍  介绍SignalR一种通讯模型Hub(中心模型,或者叫集线器模型),调用这个模型写好的方法,去发送消息。  内容有:    ①:Hub模型的方法介绍    ②:服务器端代码介绍    ③:前端vue3安装并调用后端方法    ④:聊天室样例整体流程:1、进入网站->调用连接SignalR的方法2、与好友发送消息->调用SignalR的自定义方法 前端通过,signalR内置方法.invoke()  去请求接口3、监听接受方法(渲染消息)通过new signalR.HubConnectionBuilder().on

随机推荐