Vue 教程(三十七)搭建本地服务器

_否极泰来_

于 2021-08-10 12:30:09 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： # Vue教程

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/yuan_xw/article/details/119515174

本文介绍了如何在Vue项目中使用webpack-dev-server搭建本地开发服务器，该服务器基于node.js和express，能自动刷新浏览器展示修改内容。通过安装webpack-dev-server模块，修改webpack.config.js配置，设置package.json，可以实现自动打开浏览器并选择默认浏览器。文章提供了详细的配置参数说明，并邀请读者一起探讨和改进。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue 教程(三十七)搭建本地服务器

搭建本地服务器

webpack 提供了一个可选的本地开发服务器,这个本地服务器基于 node.js 搭建,内部使用 express 框架,可以实现我们想要的让浏览器自动刷新显示我们修改后的结果。

不过它是一个单独的模块,在 webpack 中使用之前需要先安装它。
安装模块

npm install --save-dev [email protected]

修改 webpack.config.js 文件

// 导入Node中path常量
const path = require("path");
const webpack = require("webpack");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const UglifyjsWebpackPlugin = require("uglifyjs-webpack-plugin");

module.exports = {
   
   
  entry: "./src/main.js",
  output: {
   
   
    path: path