vue项目打包命令_前端开发:Vue项目打包步骤

在前端开发过程中,开发项目编码是必须的能力,但是开发之后的上线也是不可缺少的技能。而且现在的前端开发用的打包都是借助于三方插件来完成的,本篇博文就来分享一下前端项目打包的流程步骤,本案例以Vue来介绍,其他前端技术的打包步骤这里不再过多介绍。Vue项目打包一般是基于webpack+vue-cli下的操作,具体的操作命令也很简单,只需要在终端里面输入打包命令:npm run build 回车即可进行打包。但是需要注意一点,那就是需要完整的vue-cli项目,通过vue init webpack初始化的项目才行,不然没有打包文件,无法打包。(通过vue init webpack-simple初始化的项目没有打包文件,是不能打包的)。具体的打包步骤如下所示:1、打开Vue项目工程,然后在vue.config.js文件里面,修改一下项目版本;

vue项目打包命令_前端开发:Vue项目打包步骤_第1张图片

2、在项目底部终端里面输入打包命令:npm run build 回车,即可进行打包;

vue项目打包命令_前端开发:Vue项目打包步骤_第2张图片

你可能感兴趣的