Vue 记一次打包错误: building for production...Error processing file: static/css/app.7dc218ade4b6d7ceea8bfea

目录

一、前言

二、报错截图

三、解决方案

四、结尾


一、前言

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

二、报错截图

Vue 记一次打包错误: building for production...Error processing file: static/css/app.7dc218ade4b6d7ceea8bfea

三、解决方案

找到 build 目录下面的 utils.js 文件。

Vue 记一次打包错误: building for production...Error processing file: static/css/app.7dc218ade4b6d7ceea8bfea

找到 cssLoader 配置,加上以下画红线的代码:minimize: true

Vue 记一次打包错误: building for production...Error processing file: static/css/app.7dc218ade4b6d7ceea8bfea

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

四、结尾

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

照例推广一下自己建的小站,刚兴趣的可以多来小站踩踩:锦辉小站