Vue项目的打包方式(生成dist文件)

  如果咱是用 vue-cli 创建的项目,则项目目录中没有 config 文件夹,所以我们需要自建一个配置文件;在根目录 src 下创建文件 vue.config.js,需注意文件名称必须是 vue.config.js,然后在文件中插入以下代码:

//打包配置文件
module.exports = {
  assetsDir: 'static',
  parallel: false,
  publicPath: './',
};

打包执行命令:npm run build,将打包后的dist文件夹部署服务器上即可,配置网站的反向代理 

Vue项目的打包方式(生成dist文件)_第1张图片

显示这样就是打包成功了 

失败是这样的

如果是在d  那么要转换 成 vue  --projiect 

你可能感兴趣的:(vue.js,javascript,前端)