聚合物硫化 CSS答案

【问题标题】：Polymer Vulcanize CSS聚合物硫化 CSS
【发布时间】：2014-10-27 15:22:52
【问题描述】：

我正在尝试将我的 Polymer Web 应用程序打包为 Chrome 打包应用程序，但我遇到了一些与 Chrome 的内容安全策略 (CSP) 相关的问题。我在打包之前对应用程序（使用--csp 选项）进行了硫化，这对 JavaScript 部分非常有效，但无法提取 Polymer 元素中内联的 CSS。有什么方法可以 1) 覆盖 Polymer 的 CSS 的 CSP 或 2) 提取 CSS 并将其放置在所有 Polymer 元素的单独文件中？

据我所知，有一个 PR 正在解决这个问题，但自 8 月以来一直没有更新：https://github.com/Polymer/vulcanize/pull/33。

【问题讨论】：

标签： polymer content-security-policy google-chrome-app

【解决方案1】：

您可以使用 gulp-cssmin 连接您从内联 html 中提取的 css，并使用 vulcanize --csp 选项。

查看Github页面中的clean-css示例：

type one.css two.css three.css | cleancss -o merged-and-minified.css

【讨论】：