问题标签 [vulcanize]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
611 浏览

node.js - 如何让 gulp-vulcanize 忽略 socket.io.js?

我的一个.html文件导入/socket.io/socket.io.js,我想硫化这个文件,但忽略导入 socket.io 的脚本标签

我写了以下gulp任务:

我仍然收到以下错误:

我究竟做错了什么?

0 投票
2 回答
244 浏览

polymer - 硫化本地聚合物应用程序

我们使用Polymer构建本地应用程序。每个 Polymer 元素都有一个.html.css(从.scss编译)文件。

使用vulcanize(它将 JS 和 Polymer 元素连接到一个文件中)是否提供优势?硫化后使用一些缩小工具有什么好处吗?

再一次,它是一个本地(仅限)应用程序,所以我主要关心性能速度

0 投票
1 回答
55 浏览

android - 使用 Crosswalk 编译后,硫化聚合物应用程序看起来很奇怪

我有一个简单的 Polymer HTML 应用程序,我想使用 Cordova Crosswalk 项目将其编译成 apk。该应用程序在网络服务器上运行时功能齐全。硫化后也能按预期工作。

但是在使用 Crosswalk 制作 APK 并将其安装在我的手机上之后,它就坏了。滑出式菜单呈现在其他所有内容下方。单选按钮没有记录点击,并且涟漪效应卡在它周围。普通按钮似乎按预期工作。该应用程序的边缘还有一个白色边框。

我怀疑这是由于使用 Vulcanize 和 Crosswalk 造成的。我无法在没有 Vulcanize 的情况下尝试它,因为我收到一个似乎很常见的错误,而我发现的唯一解决方案是 Vulcanize。http://zclark.github.io/2014/11/26/polymer-crosswalk.html

我尝试在硫化时使用 --inline-scripts 命令,但结果只是一个白色的空白页。

有谁知道可能出了什么问题?

0 投票
1 回答
202 浏览

performance - 硫化,有什么意义?

总的来说,为什么要考虑对网页进行硫化。例如,现在我正在构建一个大约 629kb、975ms(在 30m/s wifi 网络下)的网站,有 93 个请求。

硫化我的页面后,它变成了 964kb,加载时间为 2.02 秒,但只有 47 个请求。

我那里确实有一些聚合物项目组件,否则它是一个非常简单的带有 sass 的网站。不建立在任何框架上。

所以我的问题是硫化的最大问题是什么?我在这里错过了什么吗?它似乎降低了网站的性能。

0 投票
0 回答
233 浏览

inheritance - 有没有办法扁平化继承的 jinja 模板?

我有继承自基本模板的 jinja 模板。只是简单的扩展。

例如,在 setting.html 中:

但这会绊倒聚合物的硫化剂,它不了解继承。那么,有没有办法先“压平”我的setting.html,即将base.html 拉入setting.html,而不评估变量?

我查看了jinja 的模板 api,但不清楚什么 api 可能会这样做?唯一看起来很接近的可能是 compile_templates()?但是从文档中也不清楚这到底在做什么。

0 投票
1 回答
176 浏览

polymer - 在 Polymer 1.0 中,为什么在使用 webcomponents-lite.js 时我的硫化页面不显示在 IE 中

我正在尝试使用 webcomponents-lite.js,但在硫化时遇到问题。我把它归结为以下几点:

硫化后在IE中不起作用

如果我切换到

有用

我正在使用版本 1.14.0 做 --inline-scripts --inline-css

它在功能中的聚合物部分(我认为)失败了

with:对象不支持属性或方法“removeAttribute”

在这个有点简单的例子中,我一定做错了什么,但它是什么?

有什么东西是 lite 不能填充的吗?

非常感谢

干杯

0 投票
0 回答
168 浏览

gulp - 硫化和html

0 投票
1 回答
258 浏览

polymer - Jekyll + Polymer + Vulcanize - 这是如何工作的?

我刚刚开始将 Polymer 集成到我的 Jekyll 环境中。本质上,我在我的 Jekyll 根目录中创建了一个 bower.json 文件,它需要以下依赖项:

在我的 Jekyll 根目录中运行后bower install,我找到了 bower_components 文件夹,其中包含我请求的所有 Polymer 包。在我的 Jekyll 模板中head.html,我包括

为了集成所需的聚合物包。我跑去jekyll serve创建并查看页面。到目前为止,一切都很好。

但是,我觉得这可能会导致我的页面加载时间很长,不是吗?我几乎可以肯定 Google 自己的网站速度测试会要求我减少 http 调用的数量。正如我所发现的,Polymer 提供了一个名为vulcanize将 http 请求合并为一个的包:https ://github.com/polymer/vulcanize

老实说,我不清楚如何将其整合到我的流程中。我看过一些谈论的文档,grunt但老实说,我对此一无所知。

任何人都可以提供关于如何压缩我的 Polymer 特色 Jekyll 页面(html、html 调用、css ...)的小输入吗?谢谢!

0 投票
1 回答
946 浏览

javascript - 如何正确使用 gulp-vulcanize

我不能在我的副项目中使用 gulp-vulcanize。我已经按照示例进行了操作,但似乎没有任何反应,控制台中也没有错误。

这是我的文件夹结构:

build/
  - html/
  - css/
  - js/
source/
  - html/
  - css/
  - js/
bower.json
gulpfile.coffee
gulpfile.js
package.json

这是我正在使用的 gulp 任务

我正在使用以下内容对我的 html 文件进行硫化:

  • 吞咽 - 3.9.0
  • 吞咽硫化 - 6.1.0
  • gul-crisper - 1.0.0
0 投票
2 回答
123 浏览

javascript - 聚合物硫化保持外部链接

我正在使用 Polymer 在我的网络应用程序中构建小部件,因为我需要我的网络应用程序与 Mozilla 和 IE 一起使用我需要在单个文件 .html 中硫化我的小部件/自定义标签,然后聚合物框架将包含在我的文件 .html 中. 如果我只有一个页面,那很好,但是因为我需要在不同的网页中使用 Polymer,这迫使我多次下载框架 Polymer。有一种方法可以使页面硫化并仅下载一次 Polymer 吗?我的意思是没有将框架包含在页面中,但仍然使用外部链接

谢谢

米歇尔