如何从CDN提供延迟加载的Vue JS块

文章/答案/技术大牛

发布

1回答

laravel、vue.js、webpack、vue-cli、laravel-vapor

该工具还将所有静态资产(包括JS块)上传到亚马逊网络服务S3，并通过CloudFront使其可用。我想从这个CDN加载Vue.js应用程序中使用的所有静态资源。每当我编写静态资源(图像、字体等)的URL时，我都会使用这些函数在.scss或.vue文件中，一切工作正常。但是我不能让Vue.js应用程序从CDN加载JS块

浏览 40提问于2021-07-03得票数 1

回答已采纳

1回答

如何在angular (CLI 7)中为生成的块文件指定绝对URL

angular、angular-cli-v7

当我从CDN提供我的javascript文件时，我遇到了问题。在新的angular cli (v7)中，当我启用延迟加载时，默认情况下生成的块文件是从根目录加载的，但是我希望它们从不同的url (本例中为s3)加载。它是如何加载的： ... http://<websi

浏览 10提问于2019-01-09得票数 3

回答已采纳

1回答

当从CDN提供应用程序时，如何启用vue延迟加载？

vue.js、webpack、netlify

然后，我将指向Vue应用程序的资源(/js，/css)的脚本和链接标记添加到从Laravel应用程序返回的主要Laravel视图文件中：...'/js/product.js'}}"></script> 为了在本地测试这个设置，我的laravel应用程序是从test.

浏览 4提问于2021-10-07得票数 0

1回答

如何使vue应用程序从cdn加载其js文件和css文件？

vue.js

我想要做的是让我的vue ssa应用程序从cdn加载所有静态文件，而不是从承载它的服务器加载它的所有静态文件。(missing: https://example.com/https://cdn.example.com/js/245.e400d699.js) 我在浏览器控制台中看到的</e

浏览 4提问于2022-08-06得票数 0

2回答

为什么我的javascript测试没有正确加载？

javascript

我正试着做一个简单的测验。不知怎么的，我总是有一个错误 value: 'Superman' ]

浏览 0提问于2019-04-15得票数 0

回答已采纳

1回答

如果Vue.js项目使用了单文件组件，这是否意味着vue库不能从CDN加载？

javascript、vue.js、vuejs2、vue-sfc

我从https://github.com/Ethiel97/simple-chart-vue下载了一个教程，它似乎是用vue-cli构建的我想将其转换为通过CDN加载Vue。我不知道在哪里插入代码来从CDN加载Vue库，因为由于使用单个文件组件.vue文件，所以没有HTML代码。在哪里插入下面的代码？<script src=&quo

浏览 46提问于2021-10-14得票数 0

回答已采纳

3回答

将CDN组件与CLI构建一起使用？

javascript、webpack、vue.js、vuejs2

因此，到目前为止，我们一直在使用Vue的标准脚本标记来构建我们的Vue应用程序(主要是为了让我们能够慢慢地从jQuery/Knockout-重型应用程序过渡)，但是当我们开始转换我们更复杂的应用程序时，现在，我们提供4个文件，然后我们的MVC应用程序中的每个路由都有自己的Vue实例(即: about.js)，它控制整个UI及其逻辑。我们的CDN<

浏览 1提问于2018-05-14得票数 2

回答已采纳

1回答

vue路由器是预加载每个视图，然后显示它，还是只在请求时加载视图服务器？

vue.js、vue-router

预加载的意思是，如果浏览器一次加载每个视图，或者根据请求从服务器加载所需的视图

浏览 7提问于2020-08-15得票数 1

回答已采纳

2回答

Vue js，缺少从HTML到相关JS的映射

javascript、java、spring、vue.js、model-view-controller

在我的spring引导应用程序中缺少了一些东西。我试图遵循正式Vue文档的第一步，以便创建最简单的Vue应用程序。我要说的是目前的情况：public class TestController { public String index() { }在资源文件夹中，我创建了一个模板

浏览 3提问于2019-12-26得票数 0

2回答

如何构建Vue.js项目以在wordpress中使用它

wordpress、vue.js、webpack、vuejs2

更新:请参阅末尾的编辑Okba非常中肯的回答让我头疼。我如何用Vue.js构建一些我可以在wordpress中使用的东西？其中my-plugin.js看起来像这样(我正在使用短代码将<

浏览 1提问于2018-12-11得票数 2

1回答

未登录ChunkLoadError:在加载CDN模块时加载块模块联邦webpack 5

webpack-5、webpack-module-federation

主机和远程应用程序模块联合会的实现。对于远程应用程序，联邦模块被上传到CDN上。当访问本地主机上的联邦模块时，主机应用程序运行良好，但是当使用CDN链接访问模块时，会出现错误。在延迟加载联邦模块时存在错误：未加载的ChunkLoadError:加载块531失败。: 'common',sampleAppModule: sampleApp@h

浏览 4提问于2021-10-19得票数 2

2回答

Vuew和webpack偷懒加载。块文件在哪里定义？

webpack、vue.js、lazy-loading

在延迟加载的例子中，这个0.chunk.js和1.chunk.js是在哪里定义的？在webpack的文件中说“非条目块文件”，但是我们如何定义这个块文件。我查看了vue-router示例代码，但无法理解它。

浏览 0提问于2017-09-15得票数 0

3回答

使用fullCalendar的VueJS :仅在链接index.html中的脚本后加载fullCalendar

javascript、jquery、vue.js、fullcalendar

我想要将fullCalendar加载到我的Vue组件中，但是我得到了错误消息"fullCalendar不是一个函数“。似乎我在index.html文件中加载的所有脚本都是在加载Vue组件之后加载的在我的index.html文件中，我加载了moment.min.js、jquery.min.js和fullcalendar.min.js在我

浏览 8提问于2017-06-01得票数 3

5回答

Vue js预取组件

javascript、vue.js、webpack、code-splitting

最近，我学习了延迟加载组件，并开始使用它。现在，我正在尝试预取延迟加载的组件以及vue-router路由。但是，使用chrome，我发现只有当我们实际导航到延迟加载的路由时(在vue路由器路由的情况下)或者当v-if计算为true并呈现组件时(如果是延迟加载的组件)，才会加载延迟加载的

浏览 8提问于2020-08-21得票数 7

1回答

如何为TSC提供URI导入的typescript定义？

typescript、ecmascript-6

import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.esm.js' 如果我要求TSC编译上面的代码，它会抱怨(合理地)找不到该模块的定义但是，我不知道如何给TypeScript提供定义文件。/npm/vue@2.5.21/dist/<em

浏览 2提问于2018-12-15得票数 0

2回答

Vue路由器总是在初始加载时加载延迟加载的模块。

javascript、vuejs2、lazy-loading、vue-router

下面是使用Vue官方路由器的延迟加载实现import Vue from "vue"; { name: "test2",

浏览 2提问于2019-01-22得票数 6

回答已采纳

1回答

Webpack在构建后添加延迟加载的块

webpack、vue.js、vuejs2、vue-router

管理页面由Vue提供，所以整个管理后端都是使用Webpack构建的。我正在使用Vue的内置路由器，以允许客户端路由和延迟加载通过Webpack代码分离。理想情况下，我希望用户能够添加/删除插件，而不必构建任何东西，但如果有必要，如果他们能够将单个插件的Vue文件构建到自己的块中，这将是最优的。但是，如果Webpack只构建了这个文件，是否还可以懒得加载它

浏览 1提问于2017-05-11得票数 0

1回答

VueJs + Webpack从ElementUI装载模块

vue.js、webpack、vuejs2、lazy-loading

我想在Vue组件中延迟加载ElementUI的特定元素。我试过这个：Vue.use(Tree);{ 'el-tree': () => impo

浏览 2提问于2018-08-30得票数 8

回答已采纳

2回答

如何在不使用npm的情况下加载外部Vue组件

vue.js

当我不使用npm时，如何加载外部Vue组件？我收到了一条错误消息： Vue.use(VueButtonSpinner); this.isLoading = true; },<script src="https://<

浏览 1提问于2018-08-20得票数 4

回答已采纳

1回答

延迟加载-它什么时候下载块文件？

vue.js、webpack、vuejs2、vue-component、lazy-loading

我正在使用vue.js。例如，我希望将延迟加载用于路由。从服务器上？如果是这样的话，我们就完全失去了SPA

浏览 0提问于2019-08-14得票数 3

回答已采纳

点击加载更多