时间戳

首页 > 解决方案 > 使用 webpack 时去除长的空格

webpack - 使用 webpack 时去除长的空格

问题描述

我的 js 文件中有很多空格，例如：

 ${u} </div>\n            <div

webpack 上是否有任何配置可以删除这些空格？所以输出会是？也许只是将多个空格转换为一个？

${u} </div>\n <div

我正在使用 Webpack 5

标签： webpack

解决方案

在大多数情况下，应该string-replace-loader可以正常工作。别忘了先安装

例子：

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: sameTestAsForYourSrcFolderProbably,
        loader: 'string-replace-loader',
        options: {
          // replace multiple non-indent spaces with a single space
          search: /(?<!\n\s*)[ ]+/,
          replace: ' ',
        }
      }
    ]
  }
}

该search选项采用正则表达式。它看起来很复杂，因为它包含一个否定的lookbehind，以防止它吞噬缩进（即新行后面的任何空格\n）。

祝你好运！

推荐阅读