Мне нужно использовать ES6 модули для приложения на React+Flux.
Как я понял - для того чтобы их использовать нужен Webpack, я вроде как настроил его, и даже что-то работает.
например:
welcome.js
"use strict";
export default function (message) {
console.log("Welcome ${message}");
};
и
home.js
"use strict";
import welcome from './welcome';
welcome("home");
адекватно взаимодействуют, и выводят то что нужно.
но как только я пытаюсь подключить любой модуль, загруженный через npm:
home.js
import request from 'request';
у меня при попытке сборки начинается ад в командной строке типа такого:
Подскажите плз, как правильно использовать ES6 модули а то меня уже плавит.
package.json
{
"name": "gitter-demo-app",
"version": "0.0.1",
"dependencies": {
"babel-runtime": "^6.9.2",
"express": "~3.4.4",
"jade": "~0.35.0",
"passport": "~0.2.0",
"passport-oauth2": "~1.1.1",
"request": "~2.27.0"
},
"devDependencies": {
"babel-plugin-transform-runtime": "^6.9.0",
"mocha": "",
"nodemon": "~1.0.15",
"webpack": "^1.13.1"
},
"scripts": {
"start": "node app.js",
"pretest": "make restart-test-server",
"test": "NODE_ENV=test mocha",
"posttest": "make stop-test-server"
}
}
webpack.config.js
const webpack = require('webpack');
module.exports = {
entry : "./home",
output : {
filename : "build.js"
},
watch : true ,
watchOptions : {
aggregateTimeout : 100
},
devtool : "source-map",
module : {
loaders: [{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel', //babel
query: {
presets: ['es2015'],
plugins: ['transform-runtime']
}
}]
},
};
