时间戳

首页 > 解决方案 > 使用 ng build --prod 部署时，main.scss 文件中的外部导入 url 未捆绑

css - 使用 ng build --prod 部署时，main.scss 文件中的外部导入 url 未捆绑

问题描述

我最近将一个角种子应用程序迁移到角 6 cli。我的 main.scss 文件中有一个外部导入，如下所示：@import url(' https://fonts.googleapis.com/css?family=Open+Sans:300,400 ');

我已经在我的 angular.json 文件中包含了样式：

"styles": [
    "node_modules/bootstrap/dist/css/bootstrap.min.css",
    "node_modules/primeng/resources/themes/redmond/theme.css" ,
    "node_modules/primeicons/primeicons.css",
    "node_modules/primeng/resources/primeng.min.css",
    "node_modules/font-awesome/css/font-awesome.css",
    "src/main.scss"
],

但是，在 ng build --prod 之后，当我检查 prod 环境时，css 没有得到 bundled 。我通过检查调试器中的网络选项卡来确保这一点。在我的 localhost 中，一切正常。但是在 dist 文件夹中，我有一个“styles..bundle.css”文件，其中包含我所有的 main.scss 样式，不包括来自外部导入 url 的样式。任何想法从哪里开始？

标签： cssangular

解决方案

推荐阅读