dart - Dart polymer 变压器到JS问题-6ren

dart - Dart polymer 变压器到JS问题

转载作者：行者123 更新时间：2023-12-03 03:19:00

25

4

如何避免在css期间嵌入html文件以输出pub build (generate js)文件？可能吗？

注意:聚合物版本为0.10.0-pre.11
在建立酒吧之前:

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sample app</title>
    <link rel="stylesheet" href="cc.css">
    <link rel="import" href="packages/polymer/polymer.html">

    <!-- import the click-counter -->
    <link rel="import" href="clickcounter.html">
    <script type="application/dart">export 'package:polymer/init.dart';</script>
    <script src="packages/browser/dart.js"></script>

  </head>
  <body>
    <h1>Cc</h1>

    <p>Hello world from Dart!</p>

    <div id="sample_container_id">
      <click-counter count="5"></click-counter>
    </div>

  </body>
</html>

在发布后:

<!DOCTYPE html><html><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sample app</title>

    <!-- import the click-counter -->

  </head>
  <body><style>body {
  background-color: #F8F8F8;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2em;
  margin: 15px;
}

h1, p {
  color: #333;
}

#sample_container_id {
  width: 100%;
  height: 400px;
  position: relative;
  border: 1px solid #ccc;
  background-color: #fff;
}
</style>

<!--
These two files are from the Polymer project:
https://github.com/Polymer/platform/ and https://github.com/Polymer/polymer/.

You can replace platform.js and polymer.html with different versions if desired.
-->
<!-- minified for deployment: -->

<!-- unminfied for debugging:
<script src="../../packages/web_components/platform.concat.js"></script>
<script src="src/js/polymer/polymer.concat.js"></script>
<link rel="import" href="src/js/polymer/polymer-body.html">
-->

<!-- Teach dart2js about Shadow DOM polyfill objects. -->
<!-- Bootstrap the user application in a new isolate. -->
<!-- TODO(sigmund): replace boot.js by boot.dart (dartbug.com/18007)
<script type="application/dart">export "package:polymer/boot.dart";</script>
 -->
<script src="packages/polymer/src/js/use_native_dartium_shadowdom.js"></script>
<!--<script src="packages/web_components/platform.js"></script>
    not necessary anymore with Polymer >= 0.14.0 -->
<!-- <link rel="import" href="../polymer-dev/polymer.html"> -->
<script src="packages/polymer/src/js/polymer/polymer.js"></script><polymer-element name="polymer-body" extends="body">

  <script>

  // upgrade polymer-body last so that it can contain other imported elements
  document.addEventListener('polymer-ready', function() {

    Polymer('polymer-body', Platform.mixin({

      created: function() {
        this.template = document.createElement('template');
        var body = wrap(document).body;
        var c$ = body.childNodes.array();
        for (var i=0, c; (c=c$[i]); i++) {
          if (c.localName !== 'script') {
            this.template.content.appendChild(c);
          }
        }
        // snarf up user defined model
        window.model = this;
      },

      parseDeclaration: function(elementElement) {
        this.lightFromTemplate(this.template);
      }

    }, window.model));

  });

  </script>

</polymer-element><script src="packages/web_components/dart_support.js"></script><script src="packages/polymer/boot.js"></script><polymer-element name="click-counter" attributes="count">
  <template>
    <style>
      div {
        font-size: 24pt;
        text-align: center;
        margin-top: 140px;
      }
      button {
        font-size: 24pt;
        margin-bottom: 20px;
      }
    </style>
    <div>
      <button on-click="{{increment}}">Click me</button><br>
      <span>(click count: {{count}})</span>
    </div>
  </template>
  <script type="application/dart" src="clickcounter.dart"></script>
</polymer-element>

<script type="application/dart" src="cc.html.0.dart"></script><script src="packages/browser/dart.js"></script>
    <h1>Cc</h1>

    <p>Hello world from Dart!</p>

    <div id="sample_container_id">
      <click-counter count="5"></click-counter>
    </div>
</body></html>

如您所见，css文件已嵌入html。

最佳答案

解决此问题的方法是将每个元素添加到@import('mySTLe.css')
例如。

<my-element name="my-element">
<template>
<style>@import ('mystyle.css')</style>

...

</template>
<my-element>

感谢发明解决方案的John Messerly-请参阅此处的主题:
https://groups.google.com/a/dartlang.org/forum/?hl=en&fromgroups#!topic/web/8bjmkiRFhDk

关于dart - Dart polymer 变压器到JS问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23613886/

25

4

0

文章推荐： dart - 在SplayTreeSet上进行反向迭代

文章推荐： dart - 在Dart中将范围对象保存在范围之外

文章推荐： websocket - Dart 的 websocket pingInterval 实际是如何使用的？

haskell - 无压缩单子(monad)变压器
streaming套餐优惠a zipsWith function zipsWith :: (Monad m, Functor h) => (forall x y. f x -> g y ->
dart - 包装用 Dart 变压器
我正在尝试制作也可以在程序包上运行的 Dart 转换器，但是我无法弄清楚当前的状态 class MyTransformer extends Transformer implements LazyTra
dart - 正确使用 Dart 变压器
我的pubspec.yaml文件中包含以下行 transformers: - di - polymer: entry_points: web/index.html di软件包作为依赖导
haskell - 偏向 Monad 变压器
我正在尝试从 attoparsec 解构 IResult monad分成几 block 。这是IResult data IResult t r = Fail t [String] String
monads - Monad 变压器 – 显式提升
我正在阅读现实世界 Haskell 中的 monad 转换器。在以下示例中，堆栈为 Writer在顶部State在Reader之上在IO之上。 {-# Language GeneralizedNewt
java - 单元测试不适用于 XSLT 变压器
我已经编写了单元测试用例来在我的 Mule 流程中单独测试消息处理器。但是单元测试失败并出现错误 org.mule.api.transformer.TransformerMessagingExcep
haskell - Monad 与 Monad 变压器
“Monads 允许程序员使用顺序构建 block 来构建计算”，因此它允许我们组合一些计算。如果是这样，那为什么下面的代码不能运行呢？ import Control.Monad.Trans.Stat
haskell - Monad 变压器 : IO and state
这个问题与其他地方已经涵盖的问题很接近，但我还没有找到任何专门解决这个问题的内容(至少不是以我能够理解的方式)。我想以取决于各种随机选择的方式更新状态。由于我正在使用 RandomSource 类型
java - 动态调用 Spring Integration 变压器
我是 Spring 集成新手，正在从事 SI 项目。我正在做一项简单的工作，从 channel (fromAdapter)获取消息，调用转换器并将输出发送到另一个 channel (toQueue)。
mysql - OrientDB 变压器 'jdbc' 未找到
我最近安装了 OrientDB 并尝试使用 ETL 模块创建导入。在 OS X 上运行，我使用自制软件安装了 orientDB。我创建了以下 ETL 脚本: { "config": {
c++ - 如何组合两个 Boost Geometry 变压器？
我有两个变压器，平移和旋转如下: namespace bg = boost::geometry; namespace trans = bg::strategy::transform; trans::t
python - 变压器 : cannot import name 'AutoModelWithLMHead' from 'transformers'
我指的是来自 stackoverflow 的这个答案，但我找不到关于我的问题的任何线索:[https://stackoverflow.com/questions/63141267/importerro
haskell - 类似 curl 的单子(monad)变压器？
我正在寻找一个 monad 转换器，我可以用它来发出 HTTP(等)类型的请求/响应。用途与 cURL 命令行工具类似。 [已编辑] 最佳答案嗯，有 curl包，它使用 IO monad。关于ha
haskell - 用于用 `Nothing` 发送无解决方案列表信号的 Monad 变压器
向哈斯凯勒同胞们问好。这是一个更大的约束满足问题的玩具版本，我是目前正在努力。下面的代码使用列表 monad 转换器来表示给定的正整数n作为不同小偶数的总和方法。 import Control.M
java - 添加两个 xml。使用 XSLT 变压器
我正在寻找一个让我很困扰的场景的解决方案。我正在开发 mule 3.3。我有一些传入的 XML 和来自丰富器的第二个 XML。现在，来自丰富器的 xml 将被添加到我的输入 XML 中。我的流
python - 变压器 : cannot import name 'AutoModelWithLMHead' from 'transformers'
我指的是来自 stackoverflow 的这个答案，但我找不到关于我的问题的任何线索:[https://stackoverflow.com/questions/63141267/importerro
java - 带 JXLS 2 的 SXSSF 变压器
我想将 SXSSF 转换器与 JXLS 一起使用。我试图以这样一种方式编写我的模板，即我不会得到“试图在已经写入磁盘的范围内写入一行”异常。该模板捕获已知列(例如“HEADER 0”)和未知列(以“_
java - 无法加载 XLS 变压器。请确保 Transformer 实现位于类路径中
早上好，我正在尝试复制此内容:http://jxls.sourceforge.net/getting_started.html 使用我自己的集体诉讼而不是员工。但我有一些问题。这是我的代码: pac
css - bundle 变压器 : CSS not bundled through @import directive
我们在 ASP.NET MVC 元素中使用 BundleTransformer 来 bundle 我们的样式文件。这很好用，但是我们注意到当我们使用 @import CSS at 规则在 LESS
nlp - 拥抱脸 pytorch 变压器 : how to initialize embeddings with certain values?
我正在微调来自 huggingface 的 bert 模型.有没有办法手动设置某个词块的初始嵌入？例如使单词“dog”的初始嵌入等于 torch.ones(768) .谢谢! 最佳答案您可以设置 B

首页

博学

6Ren·AI

商城

dart - Dart polymer 变压器到JS问题