基于gulp4 + babel7 + webpack-stream5.x搭建的项目配置

Question：当用 gulp进行编译的时候报错如下：

根本原因babel包不一致

[14:41:49] Error in plugin "webpack-stream"
Message:
    ./js/index.ts
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Plugin/Preset files are not allowed to export objects, only functions. In C:\Users\25873\Desktop\demo\Sudoku\src\node_modules\babel-preset-es2015\lib\index.js
    at createDescriptor (C:\Users\25873\Desktop\demo\Sudoku\src\node_modules\@babel\core\lib\config\config-descriptors.js:178:11)
    at items.map (C:\Users\25873\Desktop\demo\Sudoku\src\node_modules\@babel\core\lib\config\config-descriptors.js:109:50)
    at Array.map (<anonymous>)
    at createDescriptors (C:\Users\25873\Desktop\demo\Sudoku\src\node_modules\@babel\core\lib\config\config-descriptors.js:109:29)
    at createPresetDescriptors (C:\Users\25873\Desktop\demo\Sudoku\src\node_modules\@babel\core\lib\config\config-descriptors.js:101:10)
    at passPerPreset (C:\Users\25873\Desktop\demo\Sudoku\src\node_modules\@babel\core\lib\config\config-descriptors.js:58:96)
    at cachedFunction (C:\Users\25873\Desktop\demo\Sudoku\src\node_modules\@babel\core\lib\config\caching.js:33:19)
    at presets.presets (C:\Users\25873\Desktop\demo\Sudoku\src\node_modules\@babel\core\lib\config\config-descriptors.js:29:84)
    at mergeChainOpts (C:\Users\25873\Desktop\demo\Sudoku\src\node_modules\@babel\core\lib\config\config-chain.js:320:26)
    at C:\Users\25873\Desktop\demo\Sudoku\src\node_modules\@babel\core\lib\config\config-chain.js:283:7
Details:
    domain: [object Object]
    domainThrown: true

babel6 + babel-lodaer7.x的配置:

1、yarn add --dev babel-preset-es2015 babel-core babel-cli@6.26.0  babel-loader@7.x

2、webpack.config文件中 rules里面 babel-loader里面 presets: ["es2015"]

babel7 + babel-loader8.x配置

1、yarn add --dev @babel/core @babel/preset-env @babel-loader

2、webpack.config文件中 rules里面 babel-loader里面 presets: ["@babel/preset-env"]

3、.babelrc文件中 "presets": ["@babel/preset-env"]