react.js - 在.babelrc文件中，如何设置presets的路径？

问题描述

问 题

用react开发的spa，我用webpack使用了babel-loader。

web目录和app目录是同级目录。
源代码src在app目录下，.babelrc文件在app目录下。

.babelrc配置如下：

"presets": ["react-native"],
 env:{
    "web"://编译web工程使用如下配置
    {
        "presets": ["reactnative","es2015","react","stage-0"],
    }
  }

web目录的node_modules里，我已经安装了babel-preset-es2015，
app目录的node_modules里，没有安装babel-preset-es2015

webpack-dev.config.js文件在web文件夹下，
我在web目录下执行webpack，

出现如下报错信息：说在app目录下没有找到es2015

   ERROR in ../app/index.web.js
    Module build failed: Error: Couldn't find preset "es2015" relative to directory "E:\\worksp               ace\\app"
        at E:\workspace\web\node_modules\babel-core\lib\transformation\file\options\optio               n-manager.js:293:19

现在我要怎么解决这个问题呢？
如何让babel-loader去web目录的node_modules里查找es2015呢？

解决方案

{
  "presets": ["react-native",'../web/node_modules/babel-preset-es2015','../web/node_modules/babel-preset-es2016','../web/node_modules/babel-preset-es2017','../web/node_modules/babel-preset-react','../web/node_modules/babel-preset-stage-0'],
 
}

这篇关于react.js - 在.babelrc文件中，如何设置presets的路径？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！