browserify + browserify-shim角度全局

Question

我正在通過索引頁面上的腳本標簽包含來自google cdn的angular js。

我的package.json中包含以下內容：

"browserify": {
    "transform": [
        "browserify-shim"
    ]
  },
  "browserify-shim": {
      "angular": "global:angular",
      "systemjs": "global:System",
      "jquery": "global:$"
  },

我還將grunt-browserify與多個輸出包一起使用：

app: {
    src: "./src/main.js",
    dest: "./src/bundles/app.bundle.js"
},
login: {
    src: "./src/login/login.module.js",
    dest: "./src/bundles/login.bundle.js"
},
signup: {
    src: "./src/signup/signup.module.js",
    dest: "./src/bundles/signup.bundle.js"
},
main: {
    src: "./src/main/main.module.js",
    dest: "./src/bundles/main.bundle.js"
},

我遇到的問題是，盡管將browserify-shim配置為使用global：angular，但我的輸出文件之一仍包含了角度源。

我正在使用以下模塊：

"browserify": "^13.0.0",
"browserify-shim": "^3.8.12",
"grunt-browserify": "^4.0.1",

Answer 1

您需要配置外部選項

app: {
  options: {
    external: [
      './src/login/login.module.js',
      './src/signup/signup.module.js',
      './src/main/main.module.js'
    ]
  }
}