vue-cli 中 webpack 加载静态文件

原文链接: vue-cli 中 webpack 加载静态文件

上一篇: 百度 echarts 拓展 liquidfill 水球图

下一篇: vue mint LoadMore 组件使用

项目结构

、

vue-cli 中 static文件夹会被整体拷贝，里面一般放置较大的静态文件，src下的assets文件夹一般放置和项目有关的文件，比如字体和svg图片，设置limit，将较小的转为base64编码

拷贝static的插件

url-loader中配置，设置最大文件大小，将不同类型的文件放入不同的文件夹中

static和assets区别，分别加载一个小图标

其中assets中的文件被转化为base64 编码，而static中的文件依然是使用的http请求，如果大量使用这种小图片，应该将他们放在assets文件夹中，而不是static中，可以提高加载速度