Question

我正在创建一个Angular组件库，并打包了组件模块，以便可以将它们安装为NPM。不幸的是，我没有使用CLI生成库，因此在Angular 6进行更新之前，基本上是按照旧方法进行的。无论如何，当从其他应用程序安装NPM时，我的组件可以按预期工作，但是我在组件的一个SCSS文件中导入的CSS样式表存在一个问题。

在此组件的SCSS文件的顶部，有以下一行：

@import '~highlight.js/styles/atom-one-dark.css'

不幸的是，这没有被打包或编译或与组件一起进行。我正在使用“ npm run packagr”，而我的ng-package.json看起来像基本的：

{
  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
  "lib": {
    "entryFile": "public_api.ts"
  }
}

Answer 1

大约一年前我们建立了我们的库，那时最好的解决方案是在建立之后复制css文件

package.json:
"build.lib": "ng build my-library && npm run copy-styles",
"copy-styles": "cpx \"./projects/my-library/src/assets/**/*.*\" \"./dist/my-library/assets/\"",

SCSS文件中导入的样式表未与ng-packagr打包在一起？

1 个答案: