Using ES6 modules with WebPack, why require still needed

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");

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

Possible duplicate of [How can I use ES6 in webpack.config.js?](https://stackoverflow.com/questions/31903692/how-can-i-use-es6-in-webpack-config-js) — meza, Oct 23 '17 at 21:34

score 6 · Accepted Answer · answered Mar 16 '15 at 09:22

6

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

import marked from 'marked' should work though.

answered Mar 16 '15 at 09:22

prayerslayer

That makes sense! I didn't try it yet. Any advantages to skipping "require"? – justingordon Mar 16 '15 at 18:35

score 0 · Answer 2 · answered Sep 01 '14 at 13:49

0

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?

answered Sep 01 '14 at 13:49

Johannes Ewald

2 Answers2