偷看html源代码
我使用 sass 使用 ng 6 构建 SPA
我找到了这些文件列表
<script type="text/javascript" src="runtime.js"></script>
<script type="text/javascript" src="polyfills.js"></script>
<script type="text/javascript" src="styles.js"></script>
<script type="text/javascript" src="vendor.js"></script>
<script type="text/javascript" src="main.js"></script>
我想知道 style.js 是做什么用的?
我正在导入引导程序
在我的 style.scss 中
(我这样做是因为如果我把
angular.json 中的 bootstrap 我不能
我的自定义主题请参阅变量)
@import "./assets/variables";
@import "~bootstrap/scss/bootstrap";
在开发构建中,全局样式被提取到 .js 文件,而在生产构建中,它们被提取到 .css 文件。要更改此默认行为,请使用--extract-css
选项或其别名-ec
与ng build
命令。
在dev构建中使用js提取css的原因是什么?
我们希望在捆绑包 webpack 中使用的每个文件/模块都希望是有效的 JavaScript 模块。当然,styles.css 不是一个有效的 JavaScript 模块。所以我们需要一些东西来把这个 CSS 模块变成 JS 模块。这就是 loader 的用武之地。以下是 webpack 文档中关于 loader 的描述:
加载器是应用于模块源代码的转换。它们允许您在导入或“加载”文件时对文件进行预处理……加载器可以将文件从不同的语言(如 TypeScript)转换为 JavaScript,或将内联图像转换为数据 URL。
More:
这就是 angular-cli/webpack 将 CSS 样式传递给客户端的方式 https://indepth.dev/this-is-how-angular-cli-webpack-delivers-your-css-styles-to-the-client/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)