1纵隔，開始之前你需要安裝node環(huán)境（https://nodejs.org/en/） 開發(fā)工具vscode 或者webstorm要是webstorm不免費(fèi)陌宿，我就選他了迁酸。
1.webpack的安裝：（https://www.webpackjs.com/guides/）
1 新建webpackVue 目錄，名字隨意
cd 到當(dāng)前目錄下可以執(zhí)行：
npm init -y
npm? install webpack webpack-cli --save-dev
執(zhí)行完之后目錄如下：
圖1
手動創(chuàng)建以下目錄：
圖2
index.html內(nèi)容：
圖3
index.js 內(nèi)容：
圖4?
繼續(xù)執(zhí)行npx? webpack? 在瀏覽器打開index.html會看到Hello webpack? ?說明你配置成功了? 扇雕。
webpack 從4以后就不需要配置文件了但是大多數(shù)的項目是比較復(fù)雜的米丘，所以我們還需要創(chuàng)建一個webpack.config.js渗蟹，
圖5
entry 代表著入口租悄，
outout表示出口眶俩。
這里基本就是官網(wǎng)的例子了，我就想告訴大家webpack可以干什么拴袭，我們需要做什么读第，webpack 可以幫我們轉(zhuǎn)化es6，scss sass 等等拥刻，我們不需要去考慮瀏覽器是否可以解析這些js的高級語法怜瞒，這一切都是webpack 幫助我們完成。下一篇我會著重介紹webpack.config.js的配置般哼。
