импорт не работает с загрузчиком babel

это мой package.json:

"scripts": {
  "start": "webpack-dev-server --hot --inline",
},
"license": "",
"devDependencies": {
  "babel-core": "~6.4.5",
  "babel-loader": "^6.2.1",
  "css-loader": "^0.23.1",
  "raw-loader": "~0.5.1",
  "style-loader": "^0.13.0",
  "webpack": "~1.12.12",
  "webpack-dev-server": "~1.14.1"
},
"dependencies": {
  "angular": "~1.4.9"
}

это мой webpack.config.js:

var path = require('path')

module.exports = {

    context: path.resolve(__dirname,'public'),
    entry: './entry.js',

    resolve: {
        root: [__dirname + "/public"]
    },

    output:{
        path: path.resolve(__dirname, "public"),
        filename:'bundle.js',
        publicPath: '/public/'
    },

    module:{
        loaders:[
            { test: path.join(__dirname,'public'),loader:'babel'},
            { test: /\.css$/, loader:'style!css'}
        ]
    },

    devtool: '#inline-source-map'
}

это мой entry.js:

document.write('webpack!')

import 'angular';

это ошибка, которую я получаю:

ОШИБКА в ./public/entry.js Ошибка синтаксического анализа модуля: /home/guy/itay/Develop/webpack-tut/node_modules/babel-loader/index.js!/home/guy/itay/Develop/webpack-tut/public /entry.js Строка 3: Неожиданный токен Для обработки файлов этого типа может потребоваться соответствующий загрузчик.

| document.write('webpack!');

| 

| import 'angular';

node version: 5.4.1,
npm version: 3.3.12