每次學(xué)新東西總感覺(jué)自己是不是變笨了，看了幾個(gè)博客，試著試著就跑不下去，無(wú)奈只有去看官方文檔。 webpack是基于node的。先安裝最新的node。
1.初始化
安裝node后，新建一個(gè)目錄，比如html5。cmd中切到當(dāng)前文件夾。
npm init -y
這個(gè)命令會(huì)創(chuàng)建一個(gè)默認(rèn)的package.json。它包含了項(xiàng)目的一些配置參數(shù)，通過(guò)它可以進(jìn)行初始安裝。詳細(xì)參數(shù)：https://docs.npmjs.com/files/package.json。
不要y參數(shù)的話，會(huì)在命令框中設(shè)置各項(xiàng)參數(shù)，但覺(jué)得沒(méi)啥必要。
2.安裝webpack
npm install webpack --save-dev
將webpack安裝到當(dāng)前目錄。雖然npm install webpack -g 可以講webpack安裝到全局，但是容易出現(xiàn)一些模塊找不到的錯(cuò)誤，所以最好還是安裝到當(dāng)前目錄下。
3.目錄結(jié)構(gòu)
webpack是一款模塊加載各種資源并打包的工具。所以先建一個(gè)如下的目錄結(jié)構(gòu)：
app包含的開(kāi)發(fā)中的js文件，一個(gè)組件，一個(gè)入口。build中就是用來(lái)存放打包之后的文件的。webpack.config.js 顧名思義用來(lái)配置webpack的。package.json就不用說(shuō)了。
component.js
網(wǎng)友評(píng)論
