webpack是前端工程化中的熱門工具余蟹,市面上一些熱門前端框架(例如React梅掠、Vue.js)使用webpack作為搭建腳手架预烙。
webpack是一個(gè)javascript應(yīng)用的靜態(tài)模塊打包工具酬屉,它可以通過npm(node.js package magager)來安裝负懦。
1.環(huán)境準(zhǔn)備及初始化項(xiàng)目
npm是node.js中的包管理器韭赘,所以要使用npm就需要安裝node.js缩滨。
1.1 安裝node.js 10.x后查看node與npm版本
1.2 創(chuàng)建項(xiàng)目目錄,使用npm init初始化
初始化完成后泉瞻,目錄下會(huì)生成package.json(package.json類似Gradle項(xiàng)目中的build.gradle)
1.3 安裝最新版本webpack
要使用webpack4以上版本還需要同時(shí)安裝webpack-cli
<p style="background:#000;color:#fff">npm install --save-dev webpack webpack-cli</p>