使用 VS 代码扩展缩小 JS

Question

我需要：从商店缩小带有扩展名的 JS 文件，但我找不到删除变量中 html 标记之间的空格的选项

我使用： JS & CSS Minifier (Minify) - https://marketplace.visualstudio.com/items?itemName=olback.es6-css-minify （因为我懒得设置 Webpack）

所以如果输入是：

html = `<li class="item">
      <div class="text">
        <p>${array[i]}</p>
      </div>
    </li>`;

输出只有：

s=`<li class="item">\n      <div class="text">\n        <p>${o[r]}</p>\n      </div>\n    </li>`;

该扩展使用Terser来缩小代码，但我找不到任何删除空格的选项。 感谢帮助。

Answer 1

我不能为你推荐任何插件。 选择可能有限，因为这并不是真正的正确做事方式，但您似乎意识到了这一点。

如果您坚持这样做，但找不到适合您需要的插件，您可以随时使用 CTRL+F 和正则表达式(?: |\n) ：

如果您使用制表符而不是空格，那么您应该能够将它们替换为\t 。

问题是这显然会替换文档中的空格，但由于浏览器会自动删除多余的空格，所以这应该不是问题。

我建议调查 vite。 它是 webpack 的一种更新更快的替代品，我个人觉得它更容易使用和理解。