1

我有文件a.js和main.js：

一个.js：

export default A = 7;

主.js：

import A from './a'
console.log(A);

我想以某种方式处理这些文件以获得一个结果文件（比如说result.js），我可以将它添加到 html 页面（通过<script src="result.js"></script>），这样当我在浏览器中加载这个 html 页面时，我7会在控制台中看到。中不应有require()orimport ... from ...指令result.js。

我尝试用 babel 编译文件 main.js：

babel main.js --presets env --out-file result.js

但这给了我result.js带有require()指令且没有来自以下代码的文件a.js：

'use strict';
var _a = require('./a');
var _a2 = _interopRequireDefault(_a);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
console.log(_a2.default);

a.js我也尝试main.js用 babel 编译这两个文件：

babel a.js main.js --presets env --out-file result.js

这给了我文件result.js，其中包含代码，a.js但也包含require()指令：

"use strict";
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = A = 7;
'use strict';
var _a = require('./a');
var _a2 = _interopRequireDefault(_a);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
console.log(_a2.default);

如何正确处理该文件以获取result.js没有require()或import ... from ...指令？

4

0 回答 0