使用karma与webpack和babel进行意外的令牌导入

时间:2017-05-09 13:31:39

标签: karma-runner webpack-2 babel karma-mocha

我试图使用业力,网络包和巴贝尔进行业力测试。我觉得我已经正确配置了,但似乎没有编译测试文件。

karma.conf:

module.exports = function(config) {
  config.set({
    basePath: '',
    frameworks: ['mocha', 'chai'],
    files: [
      {pattern: 'src/**/*-test.js', watched: false}
    ],
    exclude: [
    ],
    preprocessors: {
      'src/**/*-test.js': ['webpack']
    },

    webpack: require("./webpack.config.js"),
    webpackMiddleware: {
      stats: 'errors-only'
    },
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false,
    concurrency: Infinity
  })
}

webpack.config:

module.exports = {
  entry: [
    'react-hot-loader/patch',
    'webpack/hot/only-dev-server',
    path.resolve(__dirname, 'src/index.js')
  ],
  output: {
    filename: 'bundle.js'
  },
  module: {
    rules: [
      { test: /\.(js|jsx)$/, exclude:  /(\/node_modules\/|test\.js$)/, use: 'babel-loader'},
      { test: /\.css$/, use: ['style-loader', 'css-loader'] },
      { test: /\.less$/, use: ['style-loader', 'css-loader', 'less-loader'] },
      { test: /\.(png|woff|woff2|eot|ttf|svg)$/, use: 'url-loader?limit=100000' }
    ]
  },
  resolve: {
    extensions: ['.js', '.jsx']
  }   
};

我的测试文件使用导入语法从chai导入期望并运行一个简单的测试taht期望true等于true但是当我运行因果报应我

uncaught syntaxerror:意外令牌导入

我看过类似的问题: Karma + Webpack (babel-loader) + ES6 "Unexpected token import"

但没有运气。我确信它在我的配置中很简单。有没有人见过类似的?

这是一个新项目,所以使用最新的软件包,webpack2等。

任何想法都非常感激 ç

0 个答案:

没有答案