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

时间:2017-07-22 23:42:41

标签: angular gruntjs yo

我正在使用角度与bower和grunt,我想加载npm模块。然后我在main.js中使用require('我的模块,在node_modules'中),但它不起作用。

我曾试图为凉亭下载requirejs,但仍然没有机会这样做。

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

然而,当使用npm时不是这种情况,因为模块中没有特定的js文件。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

可能会有所帮助:

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

使用BROWSERIFY

使用grunt时使用browserify(app.js是包含require的文件,你可以在数组中指定其他文件),

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

使用browserify所需的node_modules依赖项是: brfs,grunt-browserify