Wx-小程序-組件式開發之Vant

開始：https://youzan.github.io/vant-weapp/#/intro

小程序開發者工具中 -->工具欄-->構建npm

一、初始化package.json

npm init

二、安裝Vant

npm i vant-weapp -S --production

三、安裝依賴

npm install --production    //只安裝dependencies而不安裝devDependencies。

四、構建npm

 

構建成功后會有提示，同時項目根目錄中會多出一個目錄“miniprogram_npm”，這個就是小程序可以識別的npm第三方庫

五、在小程序配置文件中引入組件

在app.json中添加如下代碼后就可以在任意頁面中使用了；也可以在需要使用的頁面的json中單獨引入

"usingComponents":{
    "van-button":"/miniprogram_npm/vant-weapp/button/index"
}

 

拓展：

一個node package有兩種依賴，一種是dependencies一種是devDependencies，其中前者依賴的項該是正常運行該包時所需要的依賴項，而后者則是開發的時候需要的依賴項，像一些進行單元測試之類的包。

如果你將包下載下來在包的根目錄里運行


默認會安裝兩種依賴，如果你只是單純的使用這個包而不需要進行一些改動測試之類的，可以使用
npm install 

如果只安裝dependencies而不安裝devDependencies，使用 
npm install --production 

如果你是通過以下命令進行安裝那么只會安裝dependencies，
npm install packagename 

如果想要安裝devDependencies，則使用命令 npm install packagename --dev