咕嘟咕嘟BabelJs編譯的問題錯誤的順序

Question

我面臨與使用gulp babel編譯ES6腳本有關的問題。 我的項目可能包含40-50個不同的ES6文件（每個文件一個class ）。 目前，編譯過程依賴於這些.js文件的維護順序列表，以確保正確的編譯和輸出順序。

在過去，我嘗試讓babel插件按照自己的順序編譯這些文件。 不幸的是，由於缺少聲明的類而導致運行時錯誤（受錯誤的編譯順序影響）。

我的問題現在是：有什么方法可以自動保證正確的編譯順序，而不是手動維護此列表？
如果不是，是否有任何ES6編譯器可以自動保證正確的編譯順序？

感謝你並致以真誠的問候

Answer 1

我認為問題是，babel無法解決您的依賴關系。

例如：

// ComponentA.js
import AbstractComponent from './AbstractComponent';
class ComponentA extends AbstractComponent { ... }

// AbstractComponent.js
class AbstractComponent { ... }
export default AbstractComponent;

// gulpfile.js
gulp.task('js', function () {
return gulp.src(['./resources/javascript/ComponentA.js'])
    .pipe(concat('app.js'))
    .pipe(babel({ presets: ['@babel/env']}))
    .pipe(gulp.dest('./public/js'));
});

這里的問題是，babel找不到它的父類，因為它不是在ComponentA類之前定義的。 我有同樣的問題，沒有解決方案。

例如，您可以從類中導入React並將其編譯為es5，一切都很好...