如何在没有.jsx扩展名的情况下使用webpack？

Question

我已经设置了webpack配置文件，并在resolve对象下添加了extension参数。但是webpack仍然需要我添加扩展名.jsx。我也添加了别名，但仍然没有成功，请帮助。

这是配置的一部分

module.exports = { 
  entry: './public/app.jsx', 
  output: { 
    path:__dirname, 
    filename: './public/bundle.js' 
  }, 
  resolve: { 
    root: __dirname, 
    alias: { 
      Greeter : 'public/components/Greeter.jsx', 
      GreeterMessage : 'public/components/GreeterMessage.jsx', 
      GreeterForm : 'public/components/GreeterForm.jsx', 
    }, 
    extension: ['','.js','.jsx'] 
  },
  // ...
}

Answer 1

对于您正在使用的加载程序，可能babel-loader，您需要添加这样的正则表达式以使用js或jsx。

test: /\.js|.jsx$/

https://webpack.js.org/loaders/babel-loader/