带有 Bower 支持的 Webpack

我想加载最好的节点包，并且仅当不存在时才加载 Bower 包。

我只会按照 Webpack 站点中的建议使用节点包，但我需要加载一个位于 Bower 中的库，https://github.com/Stamplay/stamplay-js-sdk和https://github.com/Stamplay/angular-stamplay

尝试用Bower-webpack-插件

我安装了https://github.com/lpiepiora/bower-webpack-plugin

但当我跑步时webpack-dev-server -d --watch错误显示在 chrome 控制台中：

Uncaught TypeError: angular.module is not a function(anonymous function) @ app.js:8__webpack_require__ @ bootstrap 6cecf8d96fb5a1205f10:19(anonymous function) @ bootstrap 6cecf8d96fb5a1205f10:39__webpack_require__ @ bootstrap 6cecf8d96fb5a1205f10:19(anonymous function) @ bootstrap 6cecf8d96fb5a1205f10:39(anonymous function) @ bootstrap 6cecf8d96fb5a1205f10:39
angular.js:68Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:nomod] Module 'app' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

尝试使用 ResolverPlugin（请参阅Webpack 文档)

在 webpack.config 中我添加..

plugins: [
     ...
    , new webpack.ProvidePlugin({
        Q: 'q',
        store: 'store.js',
        Stamplay: 'stamplay-js-sdk'
    })
    , new webpack.ResolverPlugin(
        [
            new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin("bower.json", ["main"])
        ], ["normal", "loader"]
    )

],
....
resolve: {
    root: [
        path.join(__dirname, 'node_modules'),
        path.join(__dirname, 'bower_components')
    ],

但是，就像提到的here the Stamplay对象不正确！

尝试使用 CDN 和 angular-webpack-plugin

首先添加脚本标签到index.html ..

其次，在 webpack.config 中添加外部..

externals: {
    stamplay: 'Stamplay'
},

最后..new AngularPlugin into plugins在 webpack.config 上

这样，有效but我不能使用angular-stamplay，当我尝试时，模块中出现错误stamplay应用。 :(

请参阅分支这里的改变

完整的项目在这里：https://github.com/Ridermansb/webpackBowerStarter

好的，从 git 尝试了你的项目https://github.com/Ridermansb/webpackBowerStarter

正如所提到的https://github.com/lpiepiora/bower-webpack-plugin/issues/20我也有那个Cannot resolve module 'stamplay-js-sdk'问题，然后在 webpackBowerStarter 目录中我做了bower install stamplay-js-sdk then sudo npm run build瞧！事情完成了。

On npm run start which is same as webpack-dev-server -d --watch I get http://localhost:8080/webpack-dev-server/ like And console says

抱歉，如果你还有别的意思。这能解决您的问题吗？