如何使用 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 docs 没有准确描述添加选项时应该做什么。

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

Answer 1

查看modifying options 的加载程序部分：

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

更新

这是merging 对象的相关文档。

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

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