webpack中文文檔筆記——起步

  1. private :true 確保我們安裝包是私有的(private)
    移除 main :“index.js” 可以防止意外發布你的代碼
    在這裏插入圖片描述
    2.webpack 的項目結構中的src文件和打包完的dist文件夾的區別:

src “源”代碼是用於書寫和編輯的代碼
dist 是構建過程產生的代碼最小化和優化後的“輸出”目錄,最終將在瀏覽器中加載

  1. npm install --savenpm install --save-dev區別

npm install --save 在安裝的包是要打包到生產環境的安裝包時
npm install --save-dev 在安裝一個用於開發環境的安裝包

  1. npx 是什麼?

npx 會幫你執行依賴包裏的二進制文件。
也就是說 npx 會自動查找當前依賴包中的可執行文件,如果找不到,就會去 PATH 裏找。如果依然找不到,就會幫你安裝!
例如,執行webpack二進制文件

在這裏插入圖片描述

有的npx webpack 指令我們可以很方便的直接執行webpack.js,它會我們自動找到webpack文件,不需要我們去手動指定webpack的目錄

  1. 當項目中已經創建了webpack.config.js文件時,npx webpack ,將默認選擇使用它

npx webpack === npx webpack --config webpack.config.js
–config 文件名
–config 選項只是向你表明,可以傳遞任何名稱的配置文件。這對於需要拆分成多個文件的複雜配置是非常有用。
在這裏插入圖片描述

  1. 可以通過在package.json中的npm script配置對應的鍵值對,來對應執行npx webpack
    在這裏插入圖片描述
    在這裏插入圖片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章