webpack 是乙個前端資源載入/打包工具。它將根據模組的依賴關係進行靜態分析，然後將這些模組按照指定的規則生成對應的靜態資源。
從圖中我們可以看出，webpack 可以將多種靜態資源 js、css、less 轉換成乙個靜態檔案，減少了頁面的請求。
npm install -g webpack webpack-cli
webpack -v
以下配置的意思是：讀取當前專案目錄下src資料夾中的main.js（入口檔案）內容，分析資源依賴，把相關的js檔案打包，打包後的檔案放入當前目錄的dist資料夾下，打包後的js檔名為bundle.js
const path = require("path"); 內建模組
module.exports = ,
}const path = require("path"); 內建模組
module.exports = ,
module:
] }
}-- webapck
webpack的簡單使用
1全域性安裝webpack npm install webpack g 2專案內安裝webpack包 npm install webpack s e dev 3新增乙個package.json npm init yes 4新增乙個配置檔案webpack.config.js具體配置資訊 中文文件，官網...
Node 使用webpack編寫簡單的前端應用
1.使用 node 依賴webpack jquery編寫簡單的前端應用。1 新建乙個目錄 2 在該目錄下，新建乙個package.json檔案。npm init y package.json是專案的配置檔案。3 安裝jquery webpack webpack cli這三個模組。npm instal...
webpack簡單實現
scripts keywords author license isc usr bin env node console.log mypack start 傳入引數是所有引用的路徑和對應執行函式，函式裡面存了 通過eval執行 自執行函式,modules就是傳入的模組及對應 function mod...