问题标签 [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.
node.js - 如何让 gulp-vulcanize 忽略 socket.io.js?
我的一个.html
文件导入/socket.io/socket.io.js
,我想硫化这个文件,但忽略导入 socket.io 的脚本标签
我写了以下gulp
任务:
我仍然收到以下错误:
我究竟做错了什么?
polymer - 硫化本地聚合物应用程序
我们使用Polymer构建本地应用程序。每个 Polymer 元素都有一个.html和.css(从.scss编译)文件。
使用vulcanize(它将 JS 和 Polymer 元素连接到一个文件中)是否提供优势?硫化后使用一些缩小工具有什么好处吗?
再一次,它是一个本地(仅限)应用程序,所以我主要关心性能和速度。
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 命令,但结果只是一个白色的空白页。
有谁知道可能出了什么问题?
performance - 硫化,有什么意义?
总的来说,为什么要考虑对网页进行硫化。例如,现在我正在构建一个大约 629kb、975ms(在 30m/s wifi 网络下)的网站,有 93 个请求。
硫化我的页面后,它变成了 964kb,加载时间为 2.02 秒,但只有 47 个请求。
我那里确实有一些聚合物项目组件,否则它是一个非常简单的带有 sass 的网站。不建立在任何框架上。
所以我的问题是硫化的最大问题是什么?我在这里错过了什么吗?它似乎降低了网站的性能。
inheritance - 有没有办法扁平化继承的 jinja 模板?
我有继承自基本模板的 jinja 模板。只是简单的扩展。
例如,在 setting.html 中:
但这会绊倒聚合物的硫化剂,它不了解继承。那么,有没有办法先“压平”我的setting.html,即将base.html 拉入setting.html,而不评估变量?
我查看了jinja 的模板 api,但不清楚什么 api 可能会这样做?唯一看起来很接近的可能是 compile_templates()?但是从文档中也不清楚这到底在做什么。
polymer - 在 Polymer 1.0 中,为什么在使用 webcomponents-lite.js 时我的硫化页面不显示在 IE 中
我正在尝试使用 webcomponents-lite.js,但在硫化时遇到问题。我把它归结为以下几点:
硫化后在IE中不起作用
如果我切换到
有用
我正在使用版本 1.14.0 做 --inline-scripts --inline-css
它在功能中的聚合物部分(我认为)失败了
with:对象不支持属性或方法“removeAttribute”
在这个有点简单的例子中,我一定做错了什么,但它是什么?
有什么东西是 lite 不能填充的吗?
非常感谢
干杯
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 ...)的小输入吗?谢谢!
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
javascript - 聚合物硫化保持外部链接
我正在使用 Polymer 在我的网络应用程序中构建小部件,因为我需要我的网络应用程序与 Mozilla 和 IE 一起使用我需要在单个文件 .html 中硫化我的小部件/自定义标签,然后聚合物框架将包含在我的文件 .html 中. 如果我只有一个页面,那很好,但是因为我需要在不同的网页中使用 Polymer,这迫使我多次下载框架 Polymer。有一种方法可以使页面硫化并仅下载一次 Polymer 吗?我的意思是没有将框架包含在页面中,但仍然使用外部链接
谢谢
米歇尔