1. 程式人生 > >webpack 代理伺服器環境配置

webpack 代理伺服器環境配置

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 就沒問題了;