.js & .jsx的Webpack正则检验

Question

我使用的是webpack，我想知道是否有一种方法可以通过测试正则表达式来确定.js或.jsx文件扩展名？

即

test: /\.jsx?$/

这样行得通吗？

Answer 1

是。test: /.jsx?$/应该是正确的方式。但您还需要设置resolve.extensions参数才能使其工作。

module.exports = {
  ...
  resolve: {
    extensions: ['.js', '.jsx']
  }
  ...
}

Answer 2

我知道这是一个很老的问题，但我想分享我的解决方案。

像这样解决它

test: /\.(js|mjs|jsx|ts|tsx)$/,

因此，.js & .jsx或ts、tsx和mjs

所有这些扩展都将匹配。优雅多了。愿它能帮助某些人。