首頁猿問 babel 構建缺少要求

babel 構建缺少要求

JavaScript

藍山帝景 2022-12-09 15:09:28

我剛剛升級到 babelv7并且building我的項目我看到它只構建我的index.js而不是該文件中使用的任何導入。我希望構建包含所有導入，以便我可以使用我構建的文件。.babelrc{ "presets": [ [ "@babel/preset-env", { "targets": { "node": "current" } }] ]}索引.jsimport FetchApi from './utils/fetch'export const aFunc = function () {FetchApi()} export default aFunc構建.js"use strict";Object.defineProperty(exports, "__esModule", { value: true});exports.default = exports.aFunc = void 0;var _fetch = _interopRequireDefault(require("./utils/fetch"));function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }const aFunc = function () { (0, _fetch.default)();};exports.aFunc = aFunc;var _default = aFunc;exports.default = _default;有問題的行在這里： var _fetch = _interopRequireDefault(require("./utils/fetch"));

查看完整描述

1 回答

瀟湘沐

TA貢獻1816條經驗獲得超6個贊

babel <src-file>只會轉譯單個源文件。您可以通過指定目錄而不是單個源文件來轉譯目錄中的所有源babel <src-dir> -d build文件： . 這將生成一個轉譯文件樹，并且您的 require 語句將解析為轉譯模塊。

如果你想將所有源文件合并到一個輸出文件中，還有 babel 的--out-file標志，但它可能不會做你想要的（它只是cat將所有已轉換的文件合并到一個輸出文件中；你的 require 語句仍然存在，仍將指向外部文件，并會在運行時失?。Ｄ赡苄枰?webpack/rollup/parcel 這樣的打包器來將 require 語句轉換為內聯(lián)模塊，從而允許您生成一個獨立的、轉譯的構建工件。

反對回復 2022-12-09