每次學(xué)新東西總感覺自己是不是變笨了，看了幾個(gè)博客，試著試著就跑不下去，無奈只有去看官方文檔。 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ù)，通過它可以進(jìn)行初始安裝。詳細(xì)參數(shù)：https://docs.npmjs.com/files/package.json。
不要y參數(shù)的話，會(huì)在命令框中設(shè)置各項(xiàng)參數(shù)，但覺得沒啥必要。
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包含的開發(fā)中的js文件，一個(gè)組件，一個(gè)入口。build中就是用來存放打包之后的文件的。webpack.config.js 顧名思義用來配置webpack的。package.json就不用說了。
component.js
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式