vue-cli3使用quill-image-extend-module的图片变化大小的问题
背景: 在使用vue-quill-editor这个插件,使用的项目是基于vue-cli3,因为在富文本编辑器中上传图片,然后上传完成之后,这个图片是原比例的大小,很难排版并且难看~,所以需要对图片进行拉伸
遇到的问题:
通过查询发现,根据指导,一步步使用之后,居然页面都无法显示了,控制台报错: imports not defined
这是什么鬼, 然后在github的vue-quill-editor插件的issue,找到了问题的原因:需要在webpack中安装一个Quill插件
,正准备按照下面的回答进行Ctrl+c,Ctrl+v 时,突然想到vue-cli3没有web pack.base.conf.js这个文件(其实也不是没有,但是需要npm run eject,执行这个命令就会将所有的web pack.*.js弹出来,但是这个命令时不可逆的,所以最好还是不要使用)
nbsp; 所以就搜索了一下,vue-cli3怎么安装webpack的plugin,自然是可以配置,好像基本都可以配置在vue.conf.js这个文件中。所以遇到这个问题的解决方案如下:
- 如果你的项目是vue-cli3创建的,在vue.conf.js(如果没有这个文件,就手动在项目根目录和src同级,创建vue.conf.js),加上下面的配置:
const webpack