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

问题描述：

我已经设置了webpack配置文件并在解析对象下添加了扩展参数。但是webpack仍然要求我添加扩展名.jsx。我也添加了别名，但仍然没有成功，请帮助。如何在没有.jsx扩展名的情况下使用webpack？

这是配置

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'] 
    }, 
    // ... 
}

你可以分享你的WebPack配置？ – djfdev

请在这里发布配置。 –

'module.exports = { 条目： './public/app.jsx'，输出：{ 路径：__目录名，文件名：” ./public/bundle.js' }，决心：{ 根：__dirname，别名：{ 招待员： '公共/组件/ Greeter.jsx'， GreeterMessage： '公共/组件/ GreeterMessage.jsx'， GreeterForm： '公共/组件/ GreeterForm.jsx'， }，扩展名：[''，'。js'，'。jsx'] }'@NanduKalidindi && @djfdev 我没有多达10个点上传图片。这是配置文件的一部分。如果图片仍然需要，我可以上传到图片托管服务并与您分享。 – bl3ck

答

对于您所使用的装载机，可能babel-loader的一部分，你需要添加的正则表达式像这样用JS或JSX。

test: /\.js|.jsx$/

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

谢谢。它解决了我的问题 – bl3ck

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

相关推荐