如何使用Bower和Brunch构建Modernizr - bower.json中缺少主要文件。

Question

如何使用Bower和Brunch构建Modernizr - bower.json中缺少主要文件。

3

我阅读了这篇GitHub问题声明：github issue，其中提到：“没有一个主文件来存在Main中。”

我已经自动安装了modernizr 3.0.0作为Foundation 5.5.2 的依赖项，并试图使用Brunch构建我的项目。

运行 brunch build 时，我遇到了以下错误： Error: Component JSON file "/path/to/brunch-test/bower_components/modernizr/.bower.json" must havemainproperty. See https://github.com/paulmillr/read-components#README

因此，按照read-components问题的内容，我试图在根bower.json中覆盖现代化工具的main，但不确定如何进行操作，因为没有简单的编译后的modernizr.js文件。

我知道modernizr是可以自定义的，实际上modernizr 3版本发布的公告中指出，有真正酷炫的方法创建定制包，可以通过bower安装，但我无法找到更多的信息。

- waffl

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- waffl · Accepted Answer

好的，我搞明白了。

所以我的目录树大致是这样的（简化版）：

/
|-- bower.json
|-- bower_components
  |-- modernizr
    |-- bin
      |-- modernizr

我进入了bower_components/modernizr文件夹并运行了npm install命令，以获取运行bin/modernizr构建器所需的依赖项。

然后我去他们的网站选择我需要的功能：https://modernizr.com/download?setclasses

接下来，我点击了Build并下载了Command Line Config，将其放置在项目的根目录下并命名为modernizr-config.json。

然后我运行命令bin/modernizr -c ../../modernizr-config.json，这将在/bower_components/modernizr/modernizr.js中生成一个自定义构建的modernizr.js。

最后，在我的根目录下的bower.json文件中添加了以下内容（遵循read components issue）：

"overrides": {
  "modernizr": {
    "main": "modernizr.js"
  }
}

而且 brunch build 现在运行得非常顺畅。