如何启动webpack打包的Vue项目dist文件?

更新于
2026-10-01 03:42:54
1阅读来源:SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计305个文字,预计阅读时间需要2分钟。

如何启动webpack打包的Vue项目dist文件?

亲测,使用webpack打包vue项目后生成的dist文件可以直接部署到express服务器上运行。我的vue项目结构如下:

1. 进入该vue项目目录,打开git bash,执行: npm run build(在package.json的scripts配置中)

亲测,webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行。

如何启动webpack打包的Vue项目dist文件?

我的vue项目结构如下:


1. 进入该vue项目目录,打开git bash,执行:npm run build(在package.json的scripts配置)


执行成功如下图所示:


然后此时你会发现项目下多了一个 dist 文件夹,dist下文件便是项目打包之后生成的文件。


此时我们直接在浏览器中打开index.html,是会报错的,什么都看不到。

阅读全文
标签:D

本文共计305个文字,预计阅读时间需要2分钟。

如何启动webpack打包的Vue项目dist文件?

亲测,使用webpack打包vue项目后生成的dist文件可以直接部署到express服务器上运行。我的vue项目结构如下:

1. 进入该vue项目目录,打开git bash,执行: npm run build(在package.json的scripts配置中)

亲测,webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行。

如何启动webpack打包的Vue项目dist文件?

我的vue项目结构如下:


1. 进入该vue项目目录,打开git bash,执行:npm run build(在package.json的scripts配置)


执行成功如下图所示:


然后此时你会发现项目下多了一个 dist 文件夹,dist下文件便是项目打包之后生成的文件。


此时我们直接在浏览器中打开index.html,是会报错的,什么都看不到。

阅读全文
标签:D