迁移老式骨干模块ES6模块

Question

我有一个基于全球app变量，然后通过gulpfile

view1.js

var app = app || {} 
app.View1 = Backbone.View.extend({}); 

捆绑宣布以这种方式所有这些模块view2.js

var app = app || {} 
app.View1 = Backbone.View.extend({}); 

所以我参考使用的文件：

var app = app || {}; 
new app.View1(); 
new app.View2(); 

在这一点上这种方法已经过时。

使用babel INFACT我想使用新的时尚模块出口

view1.js

import Backbone 
export default = Backbone.View.extend({}); 

现在，我的问题是，我想开始不编辑迁移与browserify编译旧模块（至少现在）。我想类似的东西：

import * as _ from "underscore"; 
import Backbone from "Backbone"; 
import * as LoginModal from "../views/loginModal"; 
import Router from "./router"; 

new LoginModal(); 
new Router(); 
Backbone.history.start({ 
    pushState : true, 
    hashChange : false 
}); 

的问题是，在LoginModal各种全局为_或$是不确定的。 关于如何保持这两种类型的模块并将它们捆绑在一起的任何想法？

Answer 1

在你的主文件可以导入jQuery和_并指定为Backbone像这样：

import $ from "jquery"; 
 
import _ from "underscore"; 
 

 
Backbone.$ = $; 
 
Backbone._ = _;

，然后在其他文件，你可以用Backbone.$ & Backbone._到使用underscore或jquery。

或者仅将它们作为依赖项导入使用underscore或jQuery的文件中。这是做到这一点的正确方法。

Answer 2

可以在Browserify选项定义一些全局变量：Defining global variable for Browserify

在的WebPack有ProvidePlugin全球模块。