karma-jasmine - karma 配置与 browserify/babel

Question

我有一个 karma conf，我试图让它与 babel/browserify 一起工作。它看起来像这样:

module.exports = function(config) {
config.set({
    browsers: ['Chrome'],
    frameworks: ['jasmine'],
    plugins: [
        'karma-jasmine',
        'karma-chrome-launcher',
        'karma-babel-preprocessor',
        'karma-browserify'
    ],
    preprocessors: {
        '../src/**/*.js': ['babel', 'browserify'],
        'unit/*.spec.js': ['babel', 'browserify']
    },
    files: [
        '../src/**/*.js',
        'unit/*.spec.js'
    ],
    babelPreprocessor: {
        options: {
            presets: ['es2015'],
            sourceMap: 'inline'
        },
        filename: function (file) {
            return file.originalPath.replace(/\.js$/, '.es5.js');
        },
        sourceFileName: function (file) {
            return file.originalPath;
        }
    }
});

};

每次我通过 gulp babel 预处理器运行此配置时，都会返回以下错误:错误 [preprocessor.babel]: 无法读取未定义的属性 'bundleFile'

Answer 1

尝试将“browserify”添加到“框架”，如下所示:框架:['browserify', 'jasmine']

我有同样的错误，通过这样做修复了。这是我的工作 karma 配置

module.exports = function (config) {
    config.set({
        browsers: ['Chrome'],
        singleRun: true,
        frameworks: ['browserify', 'mocha'],
        reporters: ['dots'],
        files: ['./*test.js'],
        preprocessors: {
            '*.js': ['browserify']
        },
        logLevel: 'LOG_DEBUG',
        browserify: {
            debug: true,
            transform: [ ['babelify', {presets: ['es2015', "react"]} ] ]
        }
    });
};