webpack创建本地服务器

1.初始化项目
`npm init
2.安装webpack,建议全局安装

npm install webpack --save-dev

3.配置package.json

{
  "name": "game",
  "version": "1.0.0",
  "description": "'aa'",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack --config webpack.config.js",
    "dev": "webpack-dev-server --config webpack.config.js"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^3.10.0"
  }
}

4.根目录新建webpack.config.js

const config = {
    entry:  __dirname + "/app/main.js",//入口文件,暂时没用到
    output: {
        path: __dirname + "/public",//打包后的文件存放的地方
        filename: "bundle.js"//打包后输出文件的文件名
    }
}

config.devServer = {
    port: 8000,
    host: '0.0.0.0',
    overlay: {
        errors: true
    },
    hot: true
    // open: true
}
 module.exports = config;

5.安装 npm i webpack-dev-server

npm i webpack-dev-server

6.执行

npm run dev

7.手机端查看:手机和电脑使用同一个无线网络,
pc:访问localhost:8000
移动端访问:pc的ip:8000