小程序npm(初級篇)


小程序npm

        NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題,常見的使用場景有以下幾種:

      允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。

      允許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。

      允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。

使用npm

       小程序從基礎庫版本2.2.1開始支持使用 npm 安裝第三方包,因此也支持開發和使用第三方自定義組件包。

  1.在小程序中執行命令安裝npm包

     npm install -- production

     production是npm包名稱

  node_modules必須在小程序根目錄下,也可以存在於小程序根目錄下的各個子目錄中。但是不允許 node_modules 在小程序根目錄外

2.在開發者工具的菜單欄點擊工具工具 --> 構建npm

構建npm生成miniprogram_npm目錄,而且只有miniprogram_npm會被算入小程序包的占用空間

 

 

3.  [endif]構建完成后即可使用 npm 包。

 

發布、制作npm

為了方便開發者能夠快速搭建好一個可用於開發、調試、測試的自定義組件包項目,官方提供了一個項目模板,下載使用模板的方式有三種:

直接從 github 上下載 zip 文件並解壓。

直接將 github 上的倉庫 clone 下來。

使用官方提供的命令行工具初始化項目,下面會進行介紹。

 

官方命令行工具npm install -g @wechat-miniprogram/miniprogram-cli

 

初始化項目miniprogram init --custom-component生成模板工程

1.npm install安裝依賴

2.npm run dev會在根目錄下生成miniprogram_dev目錄。

   1.src中的源代碼會被構建餅生成到miniprogram_dev/componentm目錄下。

   2.Eslint是默認開啟的,如果不想自己調整規則的話可以在tools/config.js中將其關閉

3.miniprogram_dev是一個小程序項目目錄,可以在這里查看自定義組件的效果

4.miniprogram_dis是自己創建的文件夾,用來存放做好的自定義控件,在構建npm的時候會將這個目錄下的文件放到miniprogram_npm中(注:如果不放到改目錄下會報錯,該問題有待研究)

 

 

 
 
 

 


免責聲明!

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



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