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$/] } }
        )
    }

但这会引发异常:

Cannot read property '__expression' of undefined

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$/]
    }}));