Как запускать файл конфигурации webpack написаный на ES6?

Question

[Wasya UK]

webpack.config.js

import Config, { enviroment } from 'webpack-config';

enviroment.setAll({
  env: () => process.env.NODE_ENV
});

export default new Config().extend('config/webpack.[env].config.js');

package.json

"devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-register": "^6.26.0",
    "html-webpack-plugin": "^2.30.1",
    "webpack": "^3.6.0",
    "webpack-config": "^7.4.0"
  },
  "scripts": {
    "build-dev": "set NODE_ENV=development && webpack --progress",
    "build-prod": "set NODE_ENV=production && webpack --progress"
  }

структура файлов:
webpack.config.js <-- (config/webpack.production.config.js || config/webpack.development.config.js) <-- config/webpack.base.config.js

все они на ES6
Запускаю так: npm run build-prod

P.S. webpack.config.babel.js не помог

Answer 1

[Negwereth]

Нода не умеет в импорт пока. Так что либо юзай модули которые позволяют такой код (а они есть), либо юзай обычный require.

Comments

[Wasya UK]

Я установил babel-cli, но проблема вот в чем:
Вроде бы webpack должен пропускать файл через babel-loader, но не может, ( может потому, что файл в котором это прописано импортируется с помощью import, который webpack не понимает? ). Уже весь день ищу как можно такое сделать. Сервер нормально работает.
SyntaxError: Unexpected token import

"scripts": {
    "build-dev": "set NODE_ENV=development&& babel-node server.js --presets es2015",
    "build-prod": "set NODE_ENV=production&& webpack && babel-node server.js --presets es2015"
  }

Зависимости:

"devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-2": "^6.24.1",
    "babel-register": "^6.26.0",
    "html-webpack-plugin": "^2.30.1",
    "react-hot-loader": "^3.0.0-beta.7",
    "webpack": "^3.6.0",
  }

Answer 2

[Антон]

https://babeljs.io/docs/usage/babel-register/