babel不能编译import引入的文件？？？

Question

我的es6.js文件为：

import app from './app.js';
console.log( app );

要引进来 app.js

启动命令：babel es6.js --out-file index.js

编译后index.js为：

'use strict';

var _app = require('./app.js');

var _app2 = _interopRequireDefault(_app);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

console.log(_app2.default);

babel不编译import 不支持了吗？还是要借助webpack？

Answer 1

import app from './app.js';
对应app.js 的代码得这么写 export default {}

不知道你app.js的代码是什么, 试下
import * as app from './app.js';

Answer 2

Babel 只是把 ES6 模块语法转为 CommonJS 模块语法，然而浏览器是不支持这种模块语法的，所以直接跑在浏览器会报错的，如果想要在浏览器中运行，还是需要使用打包工具将代码打包。

Answer 3

解决了吗？我也遇到同样的问题