小程序使用npm引入Weui組件庫


1.第一步,先要下載node.js,

2.先建立一個空的文件夾,然后用小程序開發工具打開之后,在下圖指示中進入cmd,輸入npm init,進行初始化,然后一路可以默認(enter)

3.在一路默認后,就可以在目錄中看到了package.json文件

4.開始安裝Weui組件庫

npm install --save weui-miniprogram --production

安裝完畢,如下圖

5.之后,點擊小程序開發工具的工具--構建npm,構架完成后如下圖

6.點擊小程序開發工具右上角詳情--本地設置,勾選上使用npm模塊

7.在小程序app.wxss中引入樣式文件(按照自己的路徑引入)

@import './miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';
 
8.引入組件(以搜索組件為例)先要在需要這個組件的頁面(或者在app.json中引入)的json文件中引入(以index.json為例)
9.在所需頁面引入組件即可(以index.wxml為例)


免責聲明!

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



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