WebPack：如何同时查找 bower.json 和 .bower.json

Question

我已经能够让 webpack 在 bower_components 中查找组件。当 bower 组件仅包含 .bower.json 而不是 bower.json 文件时，我遇到了问题（请注意，第一个文件名前面有 .）。

我的webpack.config.js 文件的简化版本如下所示：

var ResolverPlugin = require('webpack/lib/ResolverPlugin');

// webpack configuration
module.exports = {
    entry: {
        app: 'app.js'
    },
    output: {
        filename: '[name].js'
    },
    resolve: {
        modulesDirectories: ['node_modules', 'web_modules', 'bower_components', 'static']
    },
    plugins: [
        new ResolverPlugin(
            new ResolverPlugin.DirectoryDescriptionFilePlugin('bower.json', ['main'])
        )
    ]
};

我正在尝试使用 jquery.selectBoxIt 作为凉亭组件。另一个问题可能是它的.bower.json 文件中缺少main 字段。对于它的价值，我在下面包含了该文件：

// .bower.json

{
  "name": "jquery.selectBoxIt",
  "homepage": "https://github.com/gfranko/jquery.selectBoxIt.js",
  "version": "3.8.1",
  "_release": "3.8.1",
  "_resolution": {
    "type": "version",
    "tag": "v3.8.1",
    "commit": "ffa615b25ebf4fac392726b17c857d429acf244c"
  },
  "_source": "git://github.com/gfranko/jquery.selectBoxIt.js.git",
  "_target": "~3.8.1",
  "_originalSource": "jquery.selectBoxIt",
  "_direct": true
}

Answer 1

.bower.json 是 Bower 在依赖解析期间生成的文件。它不等同于bower.json，通常不应使用，因为它是一个可能会更改的internal 文件。
如果您只看到 .bower.json 文件，则意味着该软件包没有 bower.json（Bower 实际上可以在没有它的情况下工作）。在这种情况下，这意味着您将无法找到“主要”属性。
例如，jquery.selectBoxIt.js 包仅在其 master 分支中具有 bower.json 文件，但在其发布标签中没有（它可能尚未发布）。当您解决它时，Bower 将使用 3.8.1 git 标记，如您在 .bower.json 文件中所见。在这个标签中没有 bower.json 文件。
对于此类包，您可能需要考虑其他选项，例如 CommonsJS。