javascript - javascript 文件中的缩小 CSS - 为什么？

Question

因此，我们正在进行这个学校元素，并将修复代码中的一些小问题。这与作业无关，而是我的好奇心。静态文件使用 index.html 和 app.min.js 定义，index.html 是必需的。

在 app.min.js 文件中，css 定义如下:

    var css = "/*!\n * Bootstrap v3.3.5 (http://getbootstrap.com)\n * 
    Copyright` `2011-2015 Twitter, Inc.\n * Licensed under MIT 
    (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n *//*! normalize.css`
    v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-
    family:sans`-`serif;-webkit-text-size-adjust:100%;-ms-text-size-
    adjust:100%}body{margin:0}article,aside,details,figcaption,`.....

等等

并且以某种方式被实例化。像这样将css缩小为js文件的目的是什么？你怎么做呢？看着一个叫做 css-to-js 的东西但没有得到它的工作...

希望这个问题不要太挑剔，感谢您的回答!

Answer 1

实例化它并不难，请参阅堆栈片段。可以按照建议进行往返。更少的服务器调用。安全性，没有人可以链接到您的 css，但这种可能性很小。

我个人认为是可部署性。它确保您的元素始终带有它需要的基本 CSS。不依赖于需要加载的额外文件。这很方便，但不太可能。

app.min.js 让我想起了 Visual Studio 元素。所以这个 CSS 可能是所有应用程序的基础。将其包含在代码中会产生比始终部署它更高的安全性。如前所述，依赖的文件更少。

var css = "/*!\n * Bootstrap v3.3.5 (http://getbootstrap.com)\n * Copyright` `2011-2015 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-   family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0; color: red;}";

var style = document.createElement("style");
style.textContent = css;
document.body.appendChild(style);

text in this body should turn red.