npm run build
进入项目目录的控制台,输入npm run build,进行打包,就可以看到原本的文件目录中出现了一个dist的打包文件夹,这里面就是打包好后的文件了
使用静态服务器工具包发布打包的vue项目
- npm install -g serve
安装serve组件 - serve dist
发布成功
使用动态 web 服务器(tomcat)发布打包的vue项目
1、修改配置: webpack.prod.conf.js文件,如下图:
目的是将打包后的文件夹进行自主命名,原来的dist就会变成你自定义的名称,然后进行重新打包,也就是npm run build
然后将新出现的打包文件夹整体放到Tomcat的webapp目录下
http://localhost:8080/xxx(本例中xxx为dist,没有做额外修改)