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

bl3ck

我已经设置了 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'] 
  },
  // ...
}
cstls

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

test: /\.js|.jsx$/

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

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在没有Webpack的情况下将CSS导入jsx

如何在没有webpack开发服务器的情况下使用webpack进行开发?

如何在没有php扩展名的情况下加载php文件

如何在没有 .py 扩展名的情况下运行 argparse python 程序?

如何在没有 webpack fable-loader 的情况下使用 Fable 编译器?

webpack无法识别.jsx文件扩展名

在没有JSX的情况下使用react-router

如何在不使用Java扩展名的情况下获取File对象的名称?

如何在没有JSX的情况下渲染多个子级

Babel 插件 - 如何在没有反应的情况下转换 JSX

如何使用nginx和php在没有.php扩展名的情况下进行路由

如何在没有捆绑软件但具有类似于webpack的开发经验的情况下使用Babel?

在Windows上没有扩展名的情况下,如何确定文件类型?

在没有应用程序/扩展名的情况下,如何在Chrome桌面中获取标签计数?

如何在没有重复的情况下减少与 WebPack 的捆绑

如何在不使用Webpack的情况下使用Babel

在不使用任何扩展名的情况下,如何在GNOME面板中显示电池百分比?

Flask - 如何在不使用 file.content_type 的情况下获取文件扩展名

如何在没有JSX的情况下在React.js中呈现HTML实体

如何在没有2条if语句的情况下在JSX中添加If…Else语句?

JSX 可以在没有 Babel 的情况下运行吗?

如何使用multer和node js在不检查文件扩展名的情况下确定文件的真实类型

如何在不查看Python扩展名的情况下检查文件是否存在?

如何在不丢失扩展名和首选项的情况下刷新Firefox?

如何在ts节点上使用WebWorker?(没有webpack)

如何在Windows上使用c ++在不带<dirent.h>的情况下获取具有特定扩展名的所有文件的列表

iOS如何确定默认情况下启用了哪些共享扩展名?

文件列表的情况下如何查找文件扩展名?

如何在不使用 JSX 的情况下编写 ReactJS 函数组件?