Невозможно использовать модули es6 с webpack

Question

Я получаю ошибку при попытке использовать модули es6 с загрузчиком babel в webpack. Он отлично работает с требованием, но не с импортом.

если я делаю:

foo = require('./app/data.js'); //it works 

но

import foo from './app/data.js'; //gives me a syntax error: 

: Module parse failed Line 1: Unexpected token You may need an appropriate loader to handle this file type.

loaders: [ 
     { 
     test: /\.js$/, 
     include: path.join(__dirname, 'src'), 
     loader: 'babel-loader', 
     query: { 
      presets: ['es2015'] 
     } 
     }, 

пути:

webpackconfig /app/main.js

"devDependencies": { 
    "babel-core": "^6.1.20", 
    "autoprefixer-loader": "^3.1.0", 
    "babel-loader": "^6.0.1", 
    "babel-preset-es2015": "^6.1.2", 
    "css-loader": "^0.23.0", 
    "less": "^2.5.1", 
    "less-loader": "^2.2.0", 
    "node-libs-browser": "^0.5.2", 
    "style-loader": "^0.13.0", 
    "webpack": "^1.10.0", 
    "webpack-dev-server": "^1.10.1" 
    }, 
    "dependencies": { 
    "babel-polyfill": "^6.1.19" 
    } 

Answer 1

Похоже, что Babel не принимал участие в партии. Вещи, чтобы проверить относительно файла, содержащего import foo from 'data'; заявление:

1. Убедитесь, что файл находится в директории src.
2. Убедитесь, что расширение файла .js.

В качестве примечания ... эквивалент ES6 к:

foo = require('./data'); 

бы,

import foo from './data'; 
       ^^