微信小程序使用symbol方式使用阿里圖標庫


阿里圖標庫有三種使用方式,但前面兩種都不成功,所以試試第三種。

1.在項目的根目錄中打開終端比如我的:

執行命令 npm init -y然后去看看項目多了什么 肯定會多個package.json文件

然后執行npm install mini-program-iconfont-cli --save-dev 會多出一個node_modules

然后執行npx iconfont init出現如下圖

看上圖這些命令懂意思沒,所以試試npx iconfont-init 會出現iconfont.json文件

如果項目里沒有iconfont.json文件 你就執行npx iconfont-wechat會報錯

所以你看看上圖的usage的那張圖的那些命令,不就是告訴你先要初始化一個iconfont.json文件嗎

有了iconfont.json文件然后才能執行npx iconfont-wechat執行了這命令后會多出一個iconfont的文件夾

打開iconfont.json文件配置symbol_url的路徑,這路徑就是

然后到app.json中使用

然后就是測試了。親測

以后就用這種方式了。這也是官網推薦的方式但是官方寫的太簡單了,按照官網的步驟沒試出來。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM