如何让 webpack 在解析的子项目源上应用 babel 预设？

编程问答 2022-05-02

问题描述

我有一个 webback 配置，可以编译 ./src 中的源文件

我的项目中的某些文件必须从 ./subproject/src 中的子项目导入函数

我在 webpack 配置中使用了 resolve 选项：

 resolve: {alias: {subproject: path.resolve(__dirname,"subproject/src")},},

它允许我从子项目导入函数：

import {myFunc} from "subproject/funcs/myFunc"

解析和导入工作正常，但我在导入的文件中有 JSX 语法，并且 babel 转换没有应用于导入的文件。

所以我得到这个错误：

Add @babel/preset-react (https://git.io/JfeDR) to the 'presets' section of your Babel config to enable transformation.

我的 babel 配置 (.babelrc)：

 { "presets": ["@babel/preset-env","@babel/preset-react"]}

因此preset-react 只是转换./src 中的代码，而不是转换./subproject/src 中的代码

这是 webpack 配置的相关部分：

module.exports = {
  entry: './src/index.js',output: {
    filename: 'main.js',path: path.resolve(__dirname,'dist'),publicPath: "/"
  },resolve: {alias: {subproject: path.resolve(__dirname,

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

bbbbabeljswebpackwebpackwebpack