VUE生产环境打包build

Posted ll15888

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VUE生产环境打包build相关的知识,希望对你有一定的参考价值。

1.进入到项目根目录执行

   npm run build

   此时会自动打包在dist目录下

2.安装服务

   npm  install -g serve

3.启动

   serve dist

技术图片

总结:

以上就是生产环境打包的过程。

npm run dev是开发环境,

npm run build是生产环境

 

以上是关于VUE生产环境打包build的主要内容,如果未能解决你的问题,请参考以下文章

Vue.Js+SpringBoot 打包部署至生产环境

electron-vue架构解析2-生产环境打包过程分析(原)

electron-vue架构解析2-生产环境打包过程分析(原)

vue项目打包部署生产环境

vue-cli+webpack 实现开发测试生产多环境打包切换

使用vue-cli构建 webpack打包工具时,生产环境下,每次build时,删除dist目录,并重新生成,以防dist目录文件越来越多。