vue项目--vue-cli项目打包上线

在命令行中用npm run build 进行打包

vue项目--vue-cli项目打包上线

打包完成之后项目目录中会多一个dist的目录,这个就是打包之后的代码,可以直接拿去部署就可以。

vue项目--vue-cli项目打包上线

打包之前,需要注意,需要把绝对路径改为相对路径,更改方式如下:
打开config/index.js 会看到一个build属性,这里就我们打包的基本配置了。你在这里可以修改打包的目录,打包的文件名。最重要的是一定要把绝对目录改为相对目录。

vue项目--vue-cli项目打包上线