使用browserify/babel的karma配置

Question

我有一个业力骗局,我尝试用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预处理器运行此配置时都会返回以下错误:ERROR [preprocessor.babel]:无法读取未定义的属性'bundleFile'

Answer 1

尝试将'browserify'添加到'frameworks',如下所示: frameworks: ['browserify', 'jasmine']

我有同样的错误,通过这样做来解决.这是我工作的业力配置

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"]} ] ]
        }
    });
};