VueJS:如何缩小/public中的文件



我们的设置

我有一个大型的VueJS 2项目,我通过标准的npm run build构建并部署到Azure AppService。

我们最近增加了一种方法,让客户将一些功能集成到他们的网站中(基本上他们会引用我们的JS文件)。我目前只是把js文件放在public中,这样客户就可以在不拉动完整的VueJS应用程序的情况下引用它。

问题我如何在public中缩小js文件?我愿意移动它,只要我能把它作为一次性的资产,他们可以参考,而不拉入主项目。

奖励:我也想在公共场合为css文件这样做,但我的优先级是js文件的缩小。

优先我想保持当前的构建/部署流程尽可能简单,但不知道如何将其连接到Vue/Webpack流程。

经过足够的挖掘,我终于找到了一个很好的解决方案。
在包中。json"scripts"部分:

"app-build": "vue-cli-service build --no-clean ",
"script-build": "minify public/js/thing.js --out-file public/js/thing.min.js",
"build": "npm run script-build && npm run app-build",

在Webpack中缩小脚本:https://stackoverflow.com/a/55579911
合并Webpack命令:https://stackoverflow.com/a/39172660

你可以使用这个网站。https://www.minifier.org/下载或使用这个https://www.toptal.com/developers/javascript-minifier,它有api,你可以很容易地发出请求

相关内容

  • 没有找到相关文章

最新更新