javascript - 如何使用 webpack-chain 将 appendTsSuffixTo 选项添加到 ts-loader？

Question

简单来说，如何使用 webpack-loader 给插件添加如下选项ts-loader：

options: {
  appendTsSuffixTo: [/\.vue$/]
}

目前我有这个用于 ts-loader 的设置（顶部是这里的上下文）。底部config.plugin电话是给我带来麻烦的区域。

    chainWebpack: config => {
      config.module
        .rule('typescript')
        .test(/\.tsx?$/)
        .exclude
          .add(/node_modules/)
          .end()
        .use('ts-loader')
          .loader('ts-loader'),

      config
        .plugin('ts-loader')
        .tap( args => { return { appendTsSuffixTo: [/\.vue$/] } }
        )
    }

但这会引发异常：

无法读取未定义的属性“__expression”

webpack -loader 文档没有准确描述添加选项时应该做什么。

我需要做什么才能添加此选项？

Answer 1

查看有关修改加载程序选项的部分：

config.module
  .rule('typescript')
  .use('ts-loader')
    .tap(options => merge(options, {
      appendTsSuffixTo: [/\.vue$/]
    }));

更新

这是合并对象的相关文档。

这个GitHub线程提供了很好的示例。

// preserve existing options
config.module
  .rule('typescript')
  .use('ts-loader')
    .tap(options => ({ ...options, {
      appendTsSuffixTo: [/\.vue$/]
    }}));