webpack 代理伺服器環境配置
阿新 • • 發佈:2019-01-26
1:全域性安裝webpack
cnpm install webpack -g
2:新建資料夾,並且進入這個資料夾下
3:新建packjson.js檔案
cnpm init -y
4:安裝webpack
cnpm install webpack -D
5:安裝webpack-dev-server
cnpm install webpack-dev-server -D
6:在package.js同級目錄下新建package.config.js檔案。程式碼如下:
module.exports={
entry:'',
output:'',
devServer:{
port :9999,
host:'localhost'
}
}
同時修改package.json檔案
{
...,
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev":"webpack-dev-server"
},
...
}
此時執行cnpm run dev是報錯的,必須寫入入口檔案;否則報錯;於是新建一個index.js(程式碼為空);然後改下package.config.js
module.exports={
entry:'./index.js' ,
output:'',
devServer:{
port:9999,
host:'localhost'
}
}
此時執行 cnpm run dev 就沒問題了;