![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
敏小静
专注前端技术研究和学习。
展开
-
基于cli4,在用Vue做项目时导入图片出现[object module],已解决
现象: 这个错误是我在用vue-cli中使用webpack打包的时候,页面内容已经展示出来但是图片显示不出来,一看引用链接src为"[object Module]"的问题。 出错原因: 也是找到了大佬的博客看到的,他说这个是file-loader的版本问题,我现在的file-loader版本是^6.2.0。原来file-loader里面有一个esModule的配置,低版本默认为false,高版本默认为true 解决方案: 降低file-loader版本为^4.2.0 新版本直接设置esModule的属性原创 2021-03-16 17:43:09 · 805 阅读 · 0 评论 -
vue-cli3 图片压缩【image-webpack-loader】使用
1.下载image-webpack-loader 注:最好用cnpm下载,npm下载会有问题 cnpm install --save-dev image-webpack-loader 2.在vue.config.js中修改相关配置 module.exports = { … // 默认设置 const defaultOptions = { bypassOnDebug: true } // 自定义设置 const customOptions = { mozjpeg: { progressive: true,原创 2021-03-15 19:52:44 · 1007 阅读 · 0 评论