Vue 记一次打包错误: building for production...Error processing file:

Vue 记一次打包错误: building for production…Error processing file:

一、前言
开发vue项目由于引入了第三方的css,发现执行 npm run build 命令打包时,报错: building for production…Error processing file: static/css/app.7dc218ade4b6d7ceea8bfea2e79024d9.css 。但是执行 npm run dev 是没有问题的。百思不得其解,后来查了相关资料后发现是因为压缩css语法错误的原因。写篇博客记录一下解决教程。

二、报错截图

三、解决方案
找到 build 目录下面的 utils.js 文件。

在这里插入图片描述

找到 cssLoader 配置,加上以下画红线的代码:minimize: true
在这里插入图片描述

再运行 npm run build 发现问题解决。

四、结尾
这只是我遇到这种情况下的一个解决方案,分享出来希望对大家能有帮助。如果尝试这种方法还是没法解决,不妨多找找资料,总会有解决方案的。

转载自:https://blog.51cto.com/u_15300443/3050218

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值