时间戳

首页 > 解决方案 > 有没有办法让 Angular 库将 SCSS 导出为 CSS 的“ng build”？

angular - 有没有办法让 Angular 库将 SCSS 导出为 CSS 的“ng build”？

问题描述

我的ng-package.json设置是这样的：

{
  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
  "dest": "../../dist/tubular-ng-widgets",
  "lib": {
    "cssUrl": "inline",
    "entryFile": "src/public-api.ts",
    "umdModuleIds": {
      "@tubular/math": "tbMath",
      "@tubular/time": "tbTime",
      "@tubular/util": "tbUtil"
    }
  },
  "assets": ["./src/styles.scss"]
}

这很好用，但是库的使用者必须将样式包含为 SCSS，就像我在开发过程中使用的一样。我更喜欢将我的样式导出为 CSS。

作为一种解决方法，我现在在我的package.json脚本中这样做：

"build": "ng build && sass ./projects/tubular-ng-widgets/src/styles.scss ./dist/tubular-ng-widgets/assets/styles.css"

...只需添加一个额外的步骤ng build即可创建所需的 CSS 资产。但是，我更希望这一切都可以完成ng build。

那可能吗？

标签： angulartypescriptsass

解决方案

推荐阅读