Webpack 是一個前端資源加載/打包工具，它將根據模塊的依賴關系進行靜態分析，然后將這些模塊按照指定的規則生成對應的靜態資源，
Webpack 可以將多種靜態資源 js、css、less 轉換成一個靜態檔案，減少了頁面的請求，
在安裝 Webpack 前，你本地環境需要支持 node.js，
由于 npm 安裝速度慢，本教程使用了淘寶的鏡像及其命令 cnpm，安裝使用介紹參照：使用淘寶 NPM 鏡像，
使用 cnpm 安裝 webpack：
cnpm install webpack -g
創建一個目錄，添加test.js檔案
console.log('test.js');
再創建一個test2.js
console.log('test2.js');
使用 webpack 命令來打包：（這個命令可以把test.js和test2.js打包）
webpack test.js test2.js
使用時發現報錯：
那就安裝一下webpack-cli
cnpm install webpack-cli -g
再次打包成功
可以看到目錄中生成了一個dist檔案夾，包含一個main.js檔案
創建一個index.html，引入dist/main.js
<html> <head> <meta charset="utf-8"> </head> <body> <script src="dist/main.js"></script> </body> </html>
訪問網頁
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/116205.html
標籤：JavaScript
上一篇：面向物件的編程思想