browserify/babel 的业力配置

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

};

每次我运行这个配置通过gulpbabel预处理器returns出现如下错误：错误 [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"]} ] ]
        }
    });
};

Answer 2

固定配置文件：

module.exports = function(config) { config.set({ browsers: ['Chrome'], frameworks: ['jasmine', 'browserify'], plugins: [ 'karma-jasmine', 'karma-chrome-launcher', 'karma-babel-preprocessor', 'karma-browserify' ], preprocessors: { '../src/js/app.js': ['browserify'], '../src/js/login/login-ctrl.js': ['browserify'], './unit/*.spec.js': ['browserify'] }, files: [ '../../node_modules/angular/angular.js', '../../node_modules/angular-mocks/angular-mocks.js', '../src/js/app.js', '../dist/js/partials/templates-all.js', '../src/js/login/login-ctrl.js', 'unit/*.spec.js' ], browserify: { debug: true, transform: [ ['babelify'] ] }, singleRun: false, reporters: ['progress'], colors: true }); };

browserify/babel 的业力配置

karma config with browserify/babel

karma-jasmine

gulp-karma