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

Question

我已经设置了 webpack 配置文件，并在解析对象下添加了扩展参数。但 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。

测试:/\.js|.jsx$/

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