将ES6模块与WebPack一起使用，为什么还需要它

Question

In the code sample below, why does the commented line not work to import marked? I'm using the https://github.com/shama/es6-loader

module $ from 'jquery';
module React from 'react';

//import { marked } from 'marked';
var marked = require("marked");

Here's a sample repository: https://github.com/justin808/react-tutorial-hot/tree/es6

This demo shows: 1. Webpack and hot-reload 2. React 3. ES6

Answer 1

You're using the destructuring operator which won't work if there is nothing to destructure, ie marked exports a function.

import marked from 'marked' should work though.

Answer 2

The es6-loader uses the es6-module-transpiler which states that

The ES6 module syntax is still undergoing a lot of churn, and will likely change before final approval.

Maybe the described syntax is not supported yet?