业力测试与ES6/Babel反应

Question

我试着用业力来测试我的项目，使用webpack babel装载机作为我的测试跑步者。代码都成功构建了(我想？或者CLI说是的，但是当我打开浏览器时，es6导入的所有文件都会立即失败。知道我做错什么了吗？

var path = require('path');

module.exports = function(config) {
    config.set({
    basePath: '',
    // frameworks: ['jasmine', 'karma-webpack'],

    files: [
        'lib/bundle.js'
    ],

    exclude: ['*.styl'],

    preprocessors: {
        'test/**/*.js': ['webpack'],
        'test/**/*.jsx': ['webpack'],
        'src/**/*.jsx': ['webpack'],
        'src/**/*.js': ['webpack']
    },

    plugins: [
        require("karma-webpack")
    ],

    webpack: {
        entry: './src/entry.js',
         module: {
             loaders: [
                {
                    test: path.join(__dirname, 'src'),  
                    loader: 'babel-loader?stage=0&optional=runtime',
                    excludes: /node_modules/,
                    options: {
                        optional: ['runtime']
                    }
                }, 
                {
                    test: /\.styl$/,
                    loaders: ['style-loader', 'css-loader', 'stylus-loader']
                }
            ]
        },
        webpackMiddleware: {
          noInfo: true
        }
    }
});
};

10 11 2015 13:16:47.156:信息业力:延迟执行，这些浏览器还没有准备好: Chrome 46.0.2490 (Windows8.1 0.0.0) Chrome 46.0.2490 (Windows8.1 0.0.0)您需要包含一些实现.start方法的适配器！

Chrome 46.0.2490 (Windows8.1 0.0.0)错误您需要包含一些实现业力.start方法的适配器！

​

​

Answer 1

下面是工作的最后一个文件。

我做错了两件事(如下面的评论所指出的)：

1. 我正在向文件数组中添加未转移的代码，这当然会在浏览器中中断。从Karma的文档中，"Files是要在浏览器中加载的文件/模式的列表“，所以它当然破坏了es6令牌上的jsx。
2. 我没有选择茉莉花作为我的框架，所以Karma跑步者不知道从哪里开始，这就是为什么我会得到开始方法错误的原因。
3. 最后，我需要在文件数组中包含我的测试，否则Karma不会加载我的测试并运行它们。(注意:测试必须包括在preproccssor数组以及中)。 var path =需要量(‘path’)；module.exports =config.set(配置){ config.set({ basePath：''，框架：'jasmine'，文件：'lib/bundle.js'，'test/**/*.jsx'，‘test/**/*..js’，排除：‘*..styl’，预处理程序：{ 'test/**/*.js'：'webpack'，‘'test/**/*.jsx'：'webpack'，’src/**/*..jsx‘：'webpack'，’src/**/*..js‘：’心肠‘}，{ entry：'./src/entry.js'，模块：{ loaders：[{ test: /.js$颇具.jsx$/，加载程序：‘babel-loader?stage=0&可选=运行时’，不包括:/node_module/ }，{ test: /..styl$/，加载程序：'style-loader'，'css-loader'，‘触控-加载程序’} }，webpackMiddleware：{ noInfo: true } })；}；

Answer 2

你的测试中包括了被转移的文件。例如，请参见错误中的这一行：

WARNING in ./~/routes/dist/routes.js
Critical dependencies:
1:406-413 This seems to be a pre-built javascript file. Though this is possible, it's not recommended. Try to require the original source to get better results.
@ ./~/routes/dist/routes.js 1:406-413

为什么包括一个dist文件？您应该只包括src文件和依赖项。

files: [
    '../node_modules/react/react.js',
    '../node_modules/babel-polyfill/dist/polyfill.js',
    '**/*.js',
    '**/*.jsx'
],

最后两个看上去不对。你让它加载所有的js/jsx文件..。包括dist的。