package.json 中的“样式”字段

Question

我注意到Bootstrap 和Normalize.css 在它们的 package.json 中都有一个“样式”字段。

他们为什么有这个？如果我不得不猜测，它是为了让用户像 require('bootstrap') 一样轻松地导入定义的样式表，但似乎并非如此。

Answer 1

来自 Techwraith 的 pull request，将其添加到 Bootstrap：

npm 中的许多模块开始公开它们的 css 入口文件 他们的 package.json 文件。这允许像npm-css 这样的工具， rework-npm 和 npm-less 从 node_modules 目录。 [...]

它实际上并没有写在任何地方，而是写在这些模块的代码中 现在。我们希望在某个时候实现标准化，但是 我们都分别达成了这个约定，所以我倾向于 随它去吧。 [...]

如果你想了解这种风格的 css 开发，我写了一篇 事情：

http://techwraith.com/your-css-needs-a-dependency-graph-too/

其他工具也有支持，比如browserify插件parcelify：

将 css 添加到使用 browserify 的 npm 模块中。

• 只需将样式键添加到您的 package.json 以指定包的 css 文件。 [...]

Parcelify 将连接模块中的所有 css 文件 main.js 取决于 - 在这种情况下只是 myModule.css - 在顺序 js依赖图，并将输出写入bundle.css。