导入不适用于 babel loader答案

【问题标题】：import is not working with babel loader导入不适用于 babel loader
【发布时间】：2016-01-30 19:14:27
【问题描述】：

这是我的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

【问题讨论】：

标签： webpack babeljs webpack-dev-server

【解决方案1】：

我的问题是我使用了 babel ^6.0.0 并且我没有像这样在我的加载器中设置预设选项：

query: {
  presets: ['es2015', 'stage-2']
}

有一个链接帮助我解决了这个问题： https://medium.com/@malyw/how-to-update-babel-5-x-6-x-d828c230ec53#.xn8bkagxz

【讨论】：