webpack-dev-server本地服务器跑项目

Nostalgic~·Xin

于 2019-05-08 02:07:47 发布

阅读量705

点赞数

本文链接：https://blog.youkuaiyun.com/qq_34455363/article/details/89944167

版权

source-map

devtool: 'cheap-module-eval-source-map', //开发方便找出代码错误
// production devtool: 'cheap-module-source-map',//生产方便找出代码

webpack-dev-server本地服务

1.安装
cnpm i webpack-dev-server -D

2.配置文件修改
在这里插入图片描述

devServer: {
		contentBase: './dist', //在dist目录下创建服务器
		open: true,
		port: 8080
	},

2. 在这里插入图片描述

module.exports = {
  devServer: { //开发服务器配置
    port: 3000, //端口
    progress: true, //进度条
    open: true,   // 自动打开浏览器
    contentBase: './bundle' //起始要打开的文件文件
  },

最后修改package.json文件

在这里插入图片描述