侧边栏壁纸
博主头像
逆流者

不登高山,不知天之高也;不临深溪,不知地之厚也。

  • 累计撰写 147 篇文章
  • 累计创建 43 个标签
  • 累计收到 4 条评论
隐藏侧边栏

Vue第17话 项目打包与发布

逆流者
2020-01-05 / 0 评论 / 0 点赞 / 178 阅读 / 0 字 / 正在检测是否收录...
温馨提示:
本文最后更新于2020-01-05,若内容或图片失效,请留言反馈。 部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

1.打包

npm run build

2.发布

2.1 使用静态服务器工具包

npm install -g serve
serve dist

访问: http://localhost:5000

2.3 使用动态 web 服务器(tomcat)

修改配置: webpack.prod.conf.js

output: {
  publicPath: '/xxx/' //打包文件夹的名称
}

重新打包:

npm run build
  • 修改 dist 文件夹为项目名称: xxx
  • 将 xxx 拷贝到运行的 tomcat 的 webapps 目录下
  • 访问: http://localhost:8080/xxx
0

评论