如何解决如何让 webpack 在解析的子项目源上应用 babel 预设?
我有一个 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 举报,一经查实,本站将立刻删除。