webpack安裝配置

webpack安裝

2.全域性安裝webpack,開啟cmd輸入npm install webpack -g

3.cmd cd進入當前目錄，輸入npm init命令，一直按enter,然後在當前資料夾會出現package.json檔案

當前目錄為webpacktest

webpack就安裝成功了

webpack的配置

1.建立專案資料夾，資料夾的名字，不要叫「webpack」,並且不要包含大寫字母，路徑名不要包含中文

2.在當前目錄下新建webpack.config.js配置檔案，名字一定要是這個，不然會出錯。因為這是webpack預設執行的檔案

當前檔案還有如下檔案

out資料夾：存放出口檔案

src資料夾

3.webpack.config.js配置檔案的引數. 

4.在src資料夾下的js資料夾下建立入口檔案，我建立的是名為entry的js檔案，在專案的根目錄下新建index.html檔案來試調使用；

webpack.config.js

module.exports =,

}

console.log('

webpack
');

"en

">111

webpack和webpack-w的區別

webpack -w可以對專案打包並且實時監控, 當前配置檔案下的檔案如果發生更改時重新打包, 但如果webpack的配置檔案即webpack.config.js更改時還是要通過webpack進行打包.(退出webpack -w 操作 ctrl+c)

的安裝配置 Manjaro Linux安裝配置

安裝wmtools 1.解除安裝舊版本 sudo pacman r open vm tools git clone 3.執行指令碼進行安裝 cd vmware tools patches sudo patched open vm tools.sh 安裝vim sudo pacman s vim 更新...

python配置安裝 配置安裝

scrapy框架安裝 安裝請參考 scrapy安裝 windows安裝方式 1.先確定windows是否安裝了python c users administrator python python 2.7.13 v2.7.13 a06454b1afa1,dec 17 2016,20 53 40 msc...

webpack4 0之後在專案中的安裝配置問題

最近在學vue，剛好學到了webpack，因為看的教程比較老，他們用的都是webpck4.0以下的版本，我一步一步跟著教程的步驟來，發現教程裡一點問題都沒有，到我自己做的時候就遇到了幾個坑，趁著還記得比較清楚，把它記下來。全域性安裝webpack 命令列執行 npm i webpack g 區域性安...