丑化模板字符串 Webpack
Posted
技术标签:
【中文标题】丑化模板字符串 Webpack【英文标题】:Uglifying Template Strings Webpack 【发布时间】:2020-09-17 06:20:07 【问题描述】:我正在使用 node-fetch
在 lambda 函数中发送 GraphQL 请求。请求被写成模板字符串;因此,它们自然会被我的 IDE 格式化并“漂亮”地显示出来。
只是为了节省带宽,有什么方法可以使用 Webpack 来“丑化”这些字符串,例如在编译我的 Typescript 文件时删除 \n
字符?
谢谢!
【问题讨论】:
模板字符串?您不应该使用字符串操作来处理 graphql - 我猜您没有使用查询变量? 我是。我只是在包上节俭,因为我只运行一个查询左右。你还会选择一个成熟的 GraphQL 客户端吗?这不是矫枉过正吗? 好吧,我不得不问,空气中有太多奇怪的东西......***.com/a/57533584/6124657 ? 【参考方案1】:这取决于你如何在 webpack 中加载文件。 babel plugin 没有缩小选项。 graphql-tag
的加载程序也没有。其他加载程序,例如this one,可以。
【讨论】:
谢谢,但我实际上是在使用模板字符串;它们本身并没有真正被识别为 GraphQL。 你可以使用类似this的东西。 谢谢,是的,这就是我要找的……但在编译时 ;-)以上是关于丑化模板字符串 Webpack的主要内容,如果未能解决你的问题,请参考以下文章
由于 ES2015 模板文字导致的 Webpack 错误 - “未终止的字符串常量”
如何缩小,丑化,编译和清楚地使视图源最不明显地降低黑客的可读性?
sh 配合Vue.js配置Webpack - 35. babel编译报错信息的具体,其实就是ES6的模板字符串无法读取