代码之家  ›  专栏  ›  技术社区  ›  ProgSky

Angular CLI在库构建中包含样式表scss文件

angular6 angular-cli angular
  •  0
  • ProgSky  · 技术社区  · 6 年前

    我将遵循这些示例来创建可重用的库。

    https://medium.com/@tomsu/how-to-build-a-library-for-angular-apps-4f9b38b0ed11

    https://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e

    当我跑的时候 ng build library-name

    一些有用的帖子

    https://github.com/angular/angular-cli/issues/11071

    https://github.com/angular/angular-cli/issues/11317

    https://github.com/dherges/ng-packagr/issues/839#issuecomment-386791207

    3 回复  |  直到 6 年前
        1
  •  1
  •   Shehan Nandathilaka    6 年前

    您可以使用gulp来构建组件并将组件发布到npm存储库。

    1. 在tsconfig.json中定义生成路径

    enter image description here

    1. 库组件需要打包到lib目录下。
    2. https://www.npmjs.com/package/gulp-build
    3. 运行“gulp build”
    4. 通过这种方法,我们可以发布.scss文件包和相关的库组件。
        2
  •  1
  •   Reactgular    6 年前

        3
  •  0
  •   Mostafa    6 年前

    您可以在package.json中编写构建脚本,将样式文件复制到dist/lib文件夹中的一个文件夹(可能有一个类似“cpx”的复制包)

    推荐文章
    关于   移动版
    代码之家 - 一站式码农服务社区
    沪ICP备11025650号