如何使用webpack-chain向ts-loader添加appendTsSuffixTo选项？

道格拉斯·加斯凯尔

简而言之，我如何使用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装载机文档不准确的描述应该怎样添加选项时进行。

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

DigitalDrifter

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

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。