javascript - 使用 Webpack 缩小 jQuery 文件并将引用更新为 HTML?

标签 javascript jquery webpack babeljs uglifyjs

我有大约 10 个单独的页面,每个 HTML 文件中分别包含库引用和自定义 jQuery 代码。

  1. Webpack 可以用于缩小 Javascript 文件吗?
  2. 在构建过程中将 .js 文件的引用转换为我所有 HTML 中的 .min.js?

所有关于 webpack 的搜索引用都指向使用 index.js 启动的 ES6 模块,但我没有:-(

最佳答案

您可以在优化中使用script-loaderterser-webpack-plugin 最小化您的文件。

但是对于一个小任务你最终会得到太多的配置。这是不值得付出努力的。

我建议使用一些 npm 插件,例如

webpack-merge-and-include-globally

或者只是使用cpx将文件复制到dist并在复制时对其进行转换。

关于javascript - 使用 Webpack 缩小 jQuery 文件并将引用更新为 HTML?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59834975/

相关文章:

javascript - 通过 CSS 模块生成的类名以一种奇怪的方式生成

javascript - Google Feed Control - 使用 CSS 设置样式

jQuery .hover 在 Chrome 中不工作

php - CakePHP 2/Javascript - Ajax 多重上传 - 上传完成后如何强制页面加载?

javascript - 带有 Auth0 提供程序的 Nuxt Auth 模块导致重定向循环

javascript - jQuery Dialog 总是显示在滚动条的顶部

javascript - 如何对加载的 XML 数据进行排序

javascript - 未定义 vue 实例的全局变量

javascript - 获取未找到原始 fs 模块的警告

webpack - 导入*为( Jasmine spyOn)不可写