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

因此，我们正在进行这个学校项目，并将修复代码中的一些小问题。这与作业无关，而是我的好奇心。静态文件由

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放在javascript文件中是一种不好的做法

---

实例化并没有那么困难，请参阅堆栈片段。它可以是建议的往返。减少服务器调用。安全性，没有人可以链接到您的css，但是这是相当不可能的

我个人认为它是可部署的。它确保您的项目始终附带它所需的基本

CSS

。对需要加载的额外文件没有可靠性。这很方便，但不太可能

app.min.js

让我想起了VisualStudio项目。因此，CSS可能是所有应用程序的基础。将其包含在代码中会产生更多的安全性，而这些安全性将始终被部署。如前所述，可依赖的文件更少

var css=“/*！\n*引导v3.3.5(http://getbootstrap.com)\n*版权所有``2011-2015 Twitter，Inc.\n*根据麻省理工学院授权(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文本大小调整：100%；-ms文本大小调整：100%}正文{margin:0；color:red；}”；
var style=document.createElement（“样式”）；
style.textContent=css；
document.body.appendChild（样式）；

---

此正文中的文本应变为红色。

文件中还有什么？可能他们正在将CSS组合到JS文件中以减少往返？该文件太大，无法在github中查看，但以下是原始版本：看起来他们已经将CSS放入JS中，以便使用

module.exports=CSS；

并使用Javascript模块加载CSScility.@Barmar-Hmm是的，但它是如何实例化的？静态html文件中的app.min.js文件夹只有一个脚本标记。索引如何使用app.min.js导出的css？当您有一个指向

.js

文件的脚本标记时，它会执行该文件中的所有代码。可能其中有某种东西实例化了是的，我同意，但在这种情况下，他们创建了一个缩小的css字符串，并由一个只创建样式元素并带来css字符串的函数提供。我想知道这是否仍然被认为是不好的做法。我看到的唯一缺点是，如果用户停用javascript，css将获胜“不要装。