Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack babel loader如何处理ES6导入?_Webpack_Babeljs - Fatal编程技术网

Webpack babel loader如何处理ES6导入?

Webpack babel loader如何处理ES6导入?,webpack,babeljs,Webpack,Babeljs,babel loader是否将导入任务留给webpack?webpack中的babel loader和node CLI中单独使用的babel工具之间有什么区别吗?它们大致相同,我认为它们都使用相同的babel内核进行转换。使用babel loader可以确保webpack在连接匹配的文件(或其他任何文件)之前通过babel运行匹配的文件。我认为您的es6导入语句将被传输到requires,然后再传输到webpack。大多数babel CLI选项应可用于webpack loader。下面是一个配置

babel loader是否将导入任务留给webpack?webpack中的babel loader和node CLI中单独使用的babel工具之间有什么区别吗?

它们大致相同,我认为它们都使用相同的babel内核进行转换。使用babel loader可以确保webpack在连接匹配的文件(或其他任何文件)之前通过babel运行匹配的文件。我认为您的es6导入语句将被传输到requires,然后再传输到webpack。大多数babel CLI选项应可用于webpack loader。下面是一个配置示例:

module: {
    loaders: [
        {
            test: /\.json$/,
            loaders: ['json-loader']
        }
        , {
            test: /\.jsx$/,
            loader: 'babel',
            query: {
                optional: ['es7.classProperties']
            }
        }
    ],
}