vue.config.js 禁止图片转base64
时间: 2023-08-30 11:03:14 浏览: 181
在Vue项目中,vue.config.js文件是用来配置Vue项目的一些全局配置选项的文件。这个文件允许我们进行一些自定义配置,以满足项目的需求。
如果想要禁止图片转为base64格式,我们可以在vue.config.js文件中进行相应的配置。具体的步骤如下:
1. 在项目的根目录下找到vue.config.js文件。
2. 打开vue.config.js文件,如果文件不存在,可以手动创建一个。
3. 在文件中新增或修改以下配置项:
```javascript
module.exports = {
chainWebpack: config => {
config.module
.rule('images')
.use('url-loader')
.tap(options => {
options.fallback.options.name = 'images/[name].[ext]';
options.fallback.options.limit = false;
});
}
};
```
通过以上配置,我们使用`url-loader`来处理图片资源。其中`options.fallback.options.name`用来设置输出的文件名,可以根据需要进行修改。`options.fallback.options.limit`设置为`false`表示禁用图片转为base64格式的功能。
4. 保存vue.config.js文件,并重新启动项目。
通过以上配置,图片将被原样输出,不再进行base64转换。这样做的好处是可以减小打包后的文件体积,并且可以避免一些潜在的兼容性问题。
希望以上回答能够帮到您!如果还有其他问题,请随时提问。
阅读全文