javascript – 无法使用browserify和debowerify获取外部库

前端之家收集整理的这篇文章主要介绍了javascript – 无法使用browserify和debowerify获取外部库前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我手头头痛这是我当前的设置:

>获取供应商库(在这种情况下有角度)
gulp任务运行browserify
使权威图书馆与浏览器兼容

App.js(在浏览之前):

'use strict';

var angular = require("angular");
var Routes = require("./routes");

angular.module('MyAngularApp')
  .config(Routes);

App.js(在browser.js之后):

var angular = require("./../ext/angular/angular.js");
var Routes = require("./routes");

angular.module('MyAngularApp')
  .config(Routes);

到目前为止这么好,对吧?看起来debowerify是做的工作,并取代了角度与相对的路径,来自凉亭的angular.js.

但是当我在浏览器命令行中调试bundle.js时,在执行前两个需要行(对于角度和路径)执行之后,角度是一个空的obj,但是Routes完全是我在导出中设置的正确的函数.

问题:为什么没有使用require函数正确导入角度?

我把它放在我的package.json中,以使debowerify工作:

"browserify": {
    "transform": [
      "debowerify"
    ]
  },

解决方法

AngularJS目前不支持CommonJS,所以var angular = require(“angular”)不起作用.而不是使用just(‘angular’).
'use strict';

require('angular');
var Routes = require("./routes");

angular.module('MyAngularApp')
  .config(Routes);

Angular对象将被全局加载,也可以被其他JS文件访问.

原文链接:https://www.f2er.com/js/151952.html

猜你在找的JavaScript相关文章