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即可

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章