IDEA打包VUE项目

￡神魔★判官ぃ 2023-10-10 17:14 58阅读 0赞

#### 目录 ####

*   *   *  1、找到 package.json ，右键选择 Open in Terminal 打开控制台
         *  2、输入 \`npm run build\` 进行打包
         *  3、控制台出现 Build complete 提示说明打包完成，可在 dist目录 下找到打包后的文件

--------------------

#### 1、找到 package.json ，右键选择 Open in Terminal 打开控制台 ####

![在这里插入图片描述][28dfc6833f254846a556d8aa6d203846.png]

--------------------

#### 2、输入 `npm run build` 进行打包 ####

![在这里插入图片描述][75a6f4fbb59748f2b371891ab0a47a2b.png]

--------------------

#### 3、控制台出现 Build complete 提示说明打包完成，可在 dist目录 下找到打包后的文件 ####

![在这里插入图片描述][d36f2a7c94e946bea01f1604f1bc4803.png]

注意：打包后的vue项目如果需要通过tomcat进行访问，需要在tomcat配置**静态资源访问**

--------------------

**tomcat配置静态资源访问：**[http://t.csdn.cn/USW7y][http_t.csdn.cn_USW7y]

[28dfc6833f254846a556d8aa6d203846.png]: https://img-blog.csdnimg.cn/28dfc6833f254846a556d8aa6d203846.png
[75a6f4fbb59748f2b371891ab0a47a2b.png]: https://img-blog.csdnimg.cn/75a6f4fbb59748f2b371891ab0a47a2b.png
[d36f2a7c94e946bea01f1604f1bc4803.png]: https://img-blog.csdnimg.cn/d36f2a7c94e946bea01f1604f1bc4803.png
[http_t.csdn.cn_USW7y]: http://t.csdn.cn/USW7y

发表评论取消回复

表情：

评论列表（有 0 条评论，58人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue项目打包

cd到项目目录下或在WebStorm中打开项目后的Terminal中输入以下命令: npm run build:prod 或者 npm run build

系统管理员/ 2022年11月19日 01:15/ 0 赞/ 227 阅读

相关 vue-cli3项目打包

一定要看：[Vue Cli3 项目打包优化][Vue Cli3] 1.vue之地址栏\号问题 [https://segmentfault.com/a/119000001

缺乏、安全感/ 2022年10月09日 03:12/ 0 赞/ 193 阅读

相关 IDEA项目打包jar流程

1. 创建一个maven项目，书写代码. import java.io.FileOutputStream; import java.io.IOExcept

╰+攻爆jí腚メ/ 2022年08月29日 06:12/ 0 赞/ 232 阅读

相关 vue项目打包App

本地的vue项目打包成App。这里以Hbuilder为例。首选命令行进入项目的目录执行 npm run build ![20171223140548589][] 打包成功之

朱雀/ 2022年06月03日 08:23/ 0 赞/ 301 阅读

相关 IDEA打包普通web项目

背景：因为普通的web项目无法用maven命令进行打包，所以怎样打成war包发布呢？ 1.进入项目的结构配置 ![在这里插入图片描述][2019053109502256

ゝ一纸荒年。/ 2022年04月25日 09:42/ 0 赞/ 228 阅读

相关 idea maven项目打包jar

目的：使用idea对maven项目打包，打包成jar包注：我之前创建的项目是 springboot 项目，虽然也是用 pom 管理的，但是好像无法打包成这样的 jar。

比眉伴天荒/ 2022年04月15日 03:07/ 0 赞/ 310 阅读

相关 vue项目打包

打包命令 npm run build 命令执行完后，会生成一个dist目录，里面包含index.html的静态文件。注意点：默认配置情况下，会发现文件可以

男娘i/ 2022年02月24日 15:05/ 0 赞/ 326 阅读

相关 Vue项目打包

如果你还没有搭建Vue环境，请参考我的这篇文章\[[https://blog.csdn.net/u012577474/article/details/92849764][htt

柔情只为你懂/ 2021年09月20日 07:40/ 0 赞/ 491 阅读

相关 vue项目打包出现空白

一位大牛写的 vue项目打包终端运行命令 npm run build 点击index.html，通过浏览器运行，出现以下报错，如图： ![70][] 那么应该如何

Myth丶恋晨/ 2021年09月19日 22:32/ 0 赞/ 479 阅读

相关 vue项目打包步骤

vue项目打包一、终端运行命令 npm run build 二、打包成功的标志与项目的改变，如下图： ![70][] ![70 1][] 3

你的名字/ 2021年09月15日 14:50/ 0 赞/ 504 阅读