1.vue項目例子——webpack安裝

版權聲明:本文爲博主原創文章,未經博主允許不得轉載。 https://blog.csdn.net/qq_26598303/article/details/51954630

注:凡命令都爲加粗斜體
1. 必須要有node.js,官網有一鍵下載,完了之後npm也在裏面了。
2. 全局安裝使用命令npm install webpack -g
3. 初始化npm。如果項目目錄中沒有package.json,使用命令npm init去初始化npm。
在項目目錄中去依賴webpack
圖片中紅色框爲我的項目目錄,在該目錄下使用命令npm init後,會問你一些問題,按照自己的需要填寫就好。最後一步完了之後,你會看到你的目錄多了一個package.json的文件,裏面的配置正是你剛纔填的東西。
4. 在你的項目目錄中去依賴webpack,使用命令npm install webpack –save-dev。其中–save:模塊名將被添加到dependencies,可以簡化爲參數-S。 –save-dev: 模塊名將被添加到devDependencies,可以簡化爲參數-D。
再去查看package.json,會發現多了一項
“devDependencies”: {
“webpack”: “^1.13.1”
}
5.使用熱加載webpack-dev-server。最大的好處是模塊熱替換,在前端代碼變動的時候無需整個刷新頁面,只把變化的部分替換掉。詳情參考webpack-dev-server
使用命令npm install webpack-dev-server -g進行全局安裝。使用命令webpack-dev-server可以運行webpack-dev-server。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章