Polymer Starter Kit和Polymer App Toolbox有什么区别？

两者都是Web组件,构建和测试工具以及用于使用Polymer构建Progressive Web Apps的Material Design模板的集合.

我应该以新项目为基础的哪一个？

我正在寻找一种方法来缩小模板文字中的空白区域.由于常规js缩小不会删除模板文字上的空白区域,因此我预计可能polymer-cli有一种方法可以缩小这些空间.

缩小结果的一个例子:

import{PolymerElement,html}from'../node_modules/@polymer/polymer/polymer-element.js';export default class MyApp extends PolymerElement{static get is(){return'my-app'}static get template(){return html`
      <style>
        :host {
          display: block;
          height: 100vh;
        }

        .app {
          height: 100vh;
        }
      </style>
      <div class="app">
        My App
      </div>
    `}}customElements.define(MyApp.is,MyApp);

有没有办法在polymer-cli中配置代理服务器？类似于webpack-dev-server代理.我检查了任何可能的文档都没有成功

我有一种情况,我正在为我的应用程序使用聚合物启动器套件模板.我的polymer.json文件看起来像这样:

    {
      "entrypoint": "index.html",
      "shell": "src/my-app.html",
      "fragments": [

      ],
      "sourceGlobs": [
       "src/**/*",
       "images/**/*",
       "bower.json"
      ],
      "includeDependencies": [
        "manifest.json",
        "bower_components/webcomponentsjs/webcomponents-lite.min.js"
      ]
    }

当我使用polymer-cli命令构建 - '聚合物构建'时,捆绑的文件夹似乎错过了shell文件'my-app.html'.

如果我删除

"shell": "src/my-app.html",

从polymer.json文件中,my-app.html文件在bundle/src文件夹中创建,但它应该会丢失index.html文件.

我正在使用聚合物 - 启动器 - 套件模板并向其中添加文件.我无法弄清楚为什么my-app.html或index.html会丢失,具体取决于Polymer.json的配置方式.

你能告诉我这里出了什么问题吗？

谢谢.

我正在尝试开始调试我的Polymer应用程序.我通过复制我的想法来制作它PolymerCLI Polymer init.

我不确定什么是加载服务工作者.开发的默认设置只是console.info()调用它被禁用以进行开发.

当我Polymer serve在localhost:8080上使用我的应用程序时,我得到了console.info消息,尽管我实际上没有在哪里加载文件service-worker.js.因为应用程序要复杂得多(我试图使用http/2),我也有自己的基于节点的服务器.当我运行它然后在浏览器中获取我的应用程序时,service-worker.js不会被加载并运行.

正在Polymer serve做什么来启用它？

问题

我在生产中的网站（使用Polymer Shop模板构建）存在问题，尽管我进行了新的和改进的部署，但该网站仍提供旧版本的代码。

我正在使用$ polymer build带有Firebase Tools $ firebase deploy命令的Polymer CLI 命令将更改推送到Firebase Hosting。部署完成后，我仅浏览网站以查看未更新的更改：

• Chrome：我首先看到的是网站的旧版本，必须“强制刷新”才能显示更改。

• FireFox：我首先看到该网站的旧版本，并且必须“强制刷新”以使更改出现。

以下是射门前的n'：

服务人员工作流程？

我试图弄清楚什么是最好的工作流程。我想要进行设置，以便每次进行新部署时，整个站点都被清理干净，服务人员可以通过内部网络重置自己，我将100％确保现有用户将获得新部署的体验

无需强制刷新或使用隐身模式。

我是不是该...

• 删除服务工作者并部署没有它的新版本（不好的主意）？
• 在Firebase控制台中创建“新项目”，然后将自定义域重新链接起来（乏味）？
• 找到“魔术按钮”以在Firebase控制台中按下以进行重置（是否存在）？
• 编辑sw-precache-config.js文件（不确定如何）？
• 处理此$ polymer build以配置sw-precache（不确定如何）？
• 某事甚至不知道 ¯\_(?)_/¯吗？

我知道问题存在于sw-precache-config.js文件中，但是我不确定这是否是我应该修复的地方。

module.exports = {
  staticFileGlobs: [
    '/index.html',
    '/manifest.json',
    '/bower_components/webcomponentsjs/webcomponents-lite.min.js',
    '/images/*'
  ],
  navigateFallback: '/index.html',
  navigateFallbackWhitelist: [/^(?!.*\.html$|\/data\/).*/],
  runtimeCaching: [
    {
      urlPattern: /\/data\/images\/.*/,
      handler: 'cacheFirst',
      options: {
        cache: {
          maxEntries: …

我试图找出一种方法，使“每次观看的”文件发生更改时，polyserve / polymer-cli都可以重新加载浏览器，但是除了将Livereload添加到我认为将要添加到HTMLs文件中之外，我没有发现任何其他方法由于开发Web组件时我会加载单独的HTML文件，因此一团糟。

无论我尝试什么,每次我尝试安装polymer-cli时,总会出现PERMISSION_DENIED错误.

bradley@gurulaptop:~$ sudo npm -g install polymer-cli
npm WARN deprecated bower@1.8.0: ..psst! While Bower is maintained, we recommend Yarn and Webpack for *new* front-end projects! Yarn's advantage is security and reliability, and Webpack's is support for both CommonJS and AMD projects. Currently there's no migration path but we hope you'll help us figure out one.
npm WARN deprecated @types/assert@0.0.29: See https://github.com/DefinitelyTyped/DefinitelyTyped/issues/12826
/usr/bin/polymer -> /usr/lib/node_modules/polymer-cli/bin/polymer.js

> wd@1.2.0 install /usr/lib/node_modules/polymer-cli/node_modules/wd
> node scripts/build-browser-scripts

/usr/lib/node_modules/polymer-cli/node_modules/mkdirp/index.js:90
                    throw err0;
                    ^

Error: EACCES: permission denied, mkdir …

我最近安装了nodejs，bower。然后，我使用以下命令安装了Polymer：

npm install -g polymer

然后，我添加了聚合物安装路径：

C:\Users\<user>\AppData\Roaming\npm

然后，我正在尝试做polymer init。我看到此错误：

无法将“聚合物”识别为内部或外部命令，可操作程序或批处理文件。

有人可以建议我如何使聚合物起作用吗？

如何识别计算机上安装的Polymer-cli版本？

我的意思是说当我们想知道我们做的npm-cli和bower-cli等版本时

npm -v
bower -v
gulp -v

是否有任何命令或什么来获得聚合物-cli版本

试图建立我的聚合物2.0项目,但每次我尝试无论预设(es5捆绑,es6捆绑)或单独的标志,我得到以下警告我有一个mixin:

EdmMac: public vedtam$ polymer build
info:    Clearing build/ directory...
info:    (default) Building...

    const DatastoreMixin = (superClass) => class extends superClass {
                                                         ~~~~~~~~~~
src/mixins/datastore-mixin.html(1,57) warning [unknown-superclass] - Unable to resolve superclass superClass
info:    (default) Build complete!

构建对象:

  "builds": [{
    "name": "default",
    "bundle": true,
    "js": {"compile": true},
    "css": {"minify": true},
    "html": {"minify": true},
    "addServiceWorker": true
  }]

来电者:app-main.html:

class MyApp extends Polymer.GestureEventListeners(DatastoreMixin(ReduxMixin(Polymer.Element))) {

DatastoreMixin:

<script>
    DatastoreMixin = function(superClass) {
      return class extends superClass {
        constructor() {
          super();
        }

        static get properties() { …

当我在实现更多组件后运行聚合物构建时，它会耗尽内存。

错误信息

 <--- Last few GCs --->

 122257 ms: Mark-sweep 1364.3 (1422.6) -> 1364.3 (1438.6) MB, 2263.8 / 
0.0 ms [allocation failure] [GC in old space requested].
124485 ms: Mark-sweep 1364.3 (1438.6) -> 1364.3 (1438.6) MB, 2227.9 / 
0.0 ms [allocation failure] [GC in old space requested].
126853 ms: Mark-sweep 1364.3 (1438.6) -> 1372.2 (1422.6) MB, 2367.6 / 
  0.0 ms [last resort gc].
 129104 ms: Mark-sweep 1372.2 (1422.6) -> 1380.1 (1422.6) MB, 2251.1 / 
0.0 ms [last resort gc].


<--- …

如果运行，polymer init则只能选择聚合物2.0的模板。

是否也可以选择聚合物1.0的模板？如果有可能，我该怎么做？