如何使用Karma配置browserify來爲小鬍子模板使用變換Stringify？

Question

我有一個項目，我正在使用browserify來管理我的依賴關係。我在客戶端使用帶Mustache的Backbone作爲模板引擎。要求小鬍子模板，我必須使用Stringify類似下面的正確要求髭模板：

gulp.task('scripts', function() { 
    gulp.src(['./js/app.js']) 
     .pipe(browserify({ 
      transform: stringify({ 
      extensions: ['.html'], minify: true 
      }) 
     })) 
     .pipe(gulp.dest('dist/assets/js')) }); 

現在，我的測試是在因果報應與browserify運行。但是，當我試圖要求模板Karma失敗時拋出HTML文件解析錯誤。

例如爲：

var Template = require('../Templates/CodeEditor.html'); var CodeEditor 
= Backbone.View.extend({ 

    el: '#CodeEdit', 

    editor: {},  currentPreviewMode: "default", 

    template: function() { 
     return Mustache.to_html(Template, this.model.toJSON()); 
} }); 

是否有可能噶配置爲使用字符串化？如果是這樣如何？請幫忙。

下面是我的卡拉配置。

module.exports = function(config) { config.set({ 
    basePath: './js/', 
    frameworks: ['browserify', 'jasmine'], 
    browserify: { 
     debug: true, 
     transform: [ 'brfs', 'browserify-shim'] 
    }, 
    files: [ 
     '**/**/*.js' 
    ], 

    exclude: [], 
    preprocessors: { 
     'modules/**/*.js': [ 'browserify' ] 
    }, 
    reporters: ['dots'], 
    port: 9876, 
    colors: true, 
    logLevel: config.LOG_INFO, 
    autoWatch: true, 
    browsers: [ 'PhantomJS' ], 
    singleRun: false }); }; 

和的package.json供參考的一部分：

"devDependencies": { 
    "brfs": "^1.4.0", 
    "browserify": "^9.0.3", 
    "browserify-shim": "^3.8.3", 
    "chai": "^2.2.0", 
    "del": "^1.1.1", 
    "gulp": "^3.8.11", 
    "gulp-autoprefixer": "^2.1.0", 
    "gulp-browserify": "^0.5.1", 
    "jasmine": "^2.2.1", 
    "jasmine-core": "^2.2.0", 
    "karma": "^0.12.31", 
    "karma-browserify": "^4.1.2", 
    "karma-chrome-launcher": "^0.1.7", 
    "karma-phantomjs-launcher": "^0.1.4", 
    "karma-jasmine": "^0.3.5", 
    "map-stream": "0.0.5", 
    "stringify": "^3.1.0" 


    }, 

    "browserify-shim": { 
    "jQuery": "global:jQuery", 
    "Backbone": "global:Backbone" 
    } 

謝謝

Answer 1

檢查了這一點。可能是你在找什麼。

只需添加

browserify: { 
    transform: ['stringify'] 
}, 

您karma.conf.js（並且確保已經安裝字符串化的節點模塊）

https://gist.github.com/busypeoples/e4ec7e7c1f1a753050dd

更新： 您還可以添加選項轉換本身就像

transform: [ 
    ['stringify', {extensions: ['.java'], minify: true}] 
] 

https://github.com/Nikku/karma-browserify#transforms