当前位置:  开发笔记 > 开发工具 > 正文

如何设置babel-loader预设的决心

如何解决《如何设置babel-loader预设的决心》经验,为你挑选了1个好方法。

我正在尝试使用webpack创建一个包.我有一点复杂的依赖:一些组件需要位于某个/home/.../文件夹中的其他组件.

组件(/home/.../far-away-components/base-component.js文件):

import {base_component} from "base-component";
exports class MyComponent extends base_component {
   ...
}

webpack.config.js:

var path = require("path");
module.exports = {
    ...
    module: {
        loaders: [
            {
                test: /\.(js)$/,
                loader: "babel",
                query: {
                    presets: ['react', 'es2015', "stage-0"]
                }
            }
        ]
    },
    resolve: {
        alias: {
            "base-component": "/home/.../far-away-components/base-component.js"
    }
};

问题是该far-away-components文件夹不包含node_modules,我收到一个错误:Couldn't find preset "react" relative to directory "/home/.../far-away-components".

如何设置resolvebabel-loader预设?



1> mqklin..:

来自github问题的解决方案:

query: {
  presets: [
    'babel-preset-es2015',
    'babel-preset-react',
    'babel-preset-stage-0',
  ].map(require.resolve),
}

推荐阅读
yzh148448
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有