How to use brace with webpack? about brace HOT 4 CLOSED

import ace from 'brace'
import 'brace/ext/statusbar'
import 'brace/ext/language_tools'
import 'tind/mode/xml'
import 'brace/theme/monokai'

const editor = ace.edit('marc-editor'),
const StatusBar = ace.acequire('ace/ext/statusbar').StatusBar

editor.statusbar = new StatusBar(editor, document.getElementById("status-bar"))
editor.getSession().setMode('ace/mode/xml')
editor.setTheme('ace/theme/xml')

//...

// gulp/config.js

module.exports = {
  webpack: {
    entry: {
      app: src + '/js/app.coffee',
      editor: src + '/js/editor.coffee'
    },
    output: {
      path: __dirname + '/../public/js/',
      filename: '[name].js'
    },
    devtool: 'source-map',
    module: {
      loaders: [
        { test: /\.jade$/, loader: "jade-html" },
        { test: /\.coffee$/, loader: "coffee" }
      ]
    }
  },
}

// gulp/tasks/webpack.js

var gulp = require('gulp');
var config = require('../config');
var webpack = require('webpack-stream');
var named = require('vinyl-named');

var entries = Object.keys(config.webpack.entry).map(function (key) {return config.webpack.entry[key]});

gulp.task('webpack', function(callback) {
  return gulp.src(entries)
  .pipe(named())
  .pipe(webpack(config.webpack))
  .pipe(gulp.dest(config.webpack.output.path));
});

define([
  'brace',
  'brace/mode/css',
  'brace/theme/monokai',
  'brace/worker/css'
], function () {});