04-打包数据资源

190 阅读1分钟

打包数据资源

数据资源其实说到底就是把该文件转换为数据(吐给JS),能够操作的,这明显和webpack5的Asset Module不符合,聪明的你肯定想到了使用对应的loader

自定义数据toml/json5

// 在loader添加对应的配置 +++
{
  test: /.json5$/,
  type: 'json'
  parser: {
		parse: json5.parse // 引入json5模块
  }
}

svg

  • svg翻译成Vue组件,配置vue-svg-loader
  • svg进行简单处理和过滤,配置svg-inline-loader

数据资源也是可以压缩的

JsonMinimizerWebpackPlugin