Angular5发布npm的带图标的方法

具体发布方法参照《Angular5发布npm的方法》一文的方法,使用npm run packagr发布工程

在代码中,把图标转成CSS,而后,在使用图标的位置处,将css文件直接引入到component

@Component({
  selector: 'app-dialog-control-pannel',
  templateUrl: './dialog-control-pannel.component.html',
  styleUrls: [
    './dialog-control-pannel.component.scss',
    '../assets/fonts/header-ctrl/iconfont.css',   // 重点参看此行代码
  ]
})

使用npm run packagr后,将assets文件夹Copy到生成的dist文件夹的对应位置处

继续执行 npm pack, npm publish即可

你可能感兴趣的:(Angular,技术)