Question

我正在尝试使用webpack和gulp，我在浏览器控制台中收到此错误：

Uncaught SyntaxError: Unexpected token import

正如webpack官方文档所述here我正在使用webpack-stream和webpack.config.js。我的gulpfile.js：

var gulp = require('gulp'),
    webpack = require('webpack-stream');

gulp.task('js', function() {
  return gulp.src('./src/js/index.js')
    .pipe(webpack(require('./webpack.config.js')))        
    .pipe(gulp.dest('./template/js/'));    
});

我的webpack.config.js：

module.exports = {
  entry: './src/js/index.js',
  output: {
    filename: 'bundle.js',
  },
  module: {
   rules: [{
     test: /\.js$/,
     exclude: /node_modules/,
     loader: 'babel-loader',
   }]
  },
};

index.js：

import sum from './sum';
console.log(sum(2,4));

和sum.js

const sum = (a,b) => {
   return a + b;
}
export default sum;

这只是启动项目样板的简单测试。我还安装了babel-core，babel-loader和babel-preset-es2015，我在项目文件夹的根目录下有.babelrc个文件

.babelrc：

{
  "presets": ["es2015"]
}

知道我在这里缺少什么吗？

Answer 1

依赖版本问题。

<强>巴别装载机

v7.0.0 @danez danez于4月21日发布了此消息.13提交给了主人   自此发布以来

：热潮：突破变革

删除对节点的支持＆lt; 4

删除对webpack 1的支持

https://github.com/babel/babel-loader/releases/tag/v7.0.0

<强>的WebPack流

“dependencies”：{“webpack”：“^ 1.12.9”}

https://github.com/shama/webpack-stream/blob/master/package.json

使用webpack-stream＆amp; gulp不会转换ES6导入

1 个答案: