Kann nicht scheinen, babel und webpack zu bekommen für ES2015 zu arbeiten, Import Fehler immer

Question

Mein webpack.config.js ist dies:

const path = require('path'); 
const webpack = require('webpack'); 

module.exports = { 
    entry: [ 
    'babel-polyfill', 
    './app/main.js' 
    ], 
    output: { 
    path: path.resolve(__dirname, './dist'), 
    filename: 'build.js' 
    }, 
    module: { 
    loaders: [ 
     { 
     test: '/\.vue$/', 
     loader: 'vue' 
     }, 
     { 
     test: '/\.js$/', 
     loader: 'babel-loader', 
     exclude: /node_modules/ 
     } 
    ] 
    }, 
    plugins: [ 
    new webpack.ExternalsPlugin('commonjs', [ 
     'electron' 
    ]) 
    ] 
} 

mein .babelrc ist diese

{ 
    "presets": ["es2015"], 
    "plugins": ["transform-runtime"] 
} 

mein ./app/main.js ist diese

import vue from 'vue'; 
import App from './views/App.vue'; 

new vue({ 
    el: 'body', 
    components: { App } 
}); 

meine package.json Abhängigkeiten sind dies

"dependencies": { 
    "babel-polyfill": "^6.16.0", 
    "babel-preset-react": "^6.16.0", 
    "babel-register": "^6.18.0", 
    "babel-runtime": "^5.8.38", 
    "jquery": "^3.1.1", 
    "vue": "^2.0.3" 
    }, 
    "devDependencies": { 
    "babel-cli": "^6.18.0", 
    "babel-core": "^6.18.2", 
    "babel-loader": "^6.2.7", 
    "babel-plugin-transform-runtime": "^6.15.0", 
    "babel-preset-es2015": "^6.18.0", 
    "babel-preset-stage-0": "^6.16.0", 
    "babel-preset-stage-2": "^6.18.0", 
    "babel-runtime": "^5.8.38", 
    "css-loader": "^0.25.0", 
    "electron-prebuilt": "^1.4.5", 
    "vue-hot-reload-api": "^2.0.6", 
    "vue-html-loader": "^1.2.3", 
    "vue-loader": "^9.7.0", 
    "vue-style-loader": "^1.0.0", 
    "webpack": "^1.13.3", 
    "webpack-dev-server": "^1.16.2" 
    } 

Aber wenn ich versuche, meine Electron Programm zu starten, bekomme ich diesen Fehler in der Konsole:

Uncaught SyntaxError: Unexpected token import 

die zu Line 1 von ./app/main.js Punkte

Ich habe versucht, die Änderung der Lader babel anstelle von babel-loader und ich habe eine Reihe von verschiedenen Voreinstellungen versucht, alle Links sind lila auf den ersten 3 Seiten von Google, aber die meisten von ihnen zeigen auf die gleiche Lösung in der Regel Menschen vergessen babel-preset-es2015, aber ich habe Habe das gemacht. Jede Hilfe wäre toll

Lauf Node Version 6.9.1 und NPM Version 3.10.8

Answer 1

Ihre loader test Parameter Strings sind, nicht reguläre Ausdrücke. Daher stimmen die JavaScript-Dateien niemals mit diesen Loadern überein (da ein Stringtest als absoluter Pfad zum Vergleich interpretiert wird), und die Dateien werden nie mit Babel verarbeitet.

einfach Ihre Lader auf diese aktualisieren und Webpack richtig funktionieren sollte:

loaders: [ 
    { 
    test: /\.vue$/, // note no quotes 
    loader: 'vue' 
    }, 
    { 
    test: /\.js$/, // note no quotes 
    loader: 'babel-loader', 
    exclude: /node_modules/ 
    } 
]