使用 grunt + angular + bower 加载 npm 模块

Question

我正在将 angular 与 bower 和 grunt 一起使用，我想加载 npm 模块。然后我在我的 main.js 中使用 require('my module which is in node_modules') 但它不起作用。

我已经尝试为 bower 下载 requirejs，但仍然没有机会。

问题是要加载一个 bower 模块，很容易只需要在我的 index.html 中加载它并找到正确的路径，例如 < /.../.../.../ mymodule.js

但是使用 npm 时情况并非如此，因为模块中没有特定的 js 文件。

感谢您的帮助。

Answer 1

这可能有帮助：

要使 Require 和 Import 在 AngularJS 框架中工作，请使用 browserify 或 webpack 将包含 require/import 的所有 javascript 文件捆绑到一个文件中以解决依赖关系，以便浏览器可以理解 require/import 语法，否则浏览器无法理解。

使用浏览器

用于在使用grunt时使用browserify（app.js是包含require的文件，数组中可以指定其他文件），

browserify: {
        options: {
            browserifyOptions: {
                debug: true,
                insertGlobalVars: []
            },
            transform: ['brfs' ]
        },
        app: {
            files: {
                ['app.js']
            }
        }
}

node_modules 使用 browserify 所需的依赖项是：brfs、grunt-browserify

使用 grunt + angular + bower 加载 npm 模块

loading npm module with grunt + angular + bower

gruntjs

yo

angular