package.json中的“样式”字段

Question

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

他们为什么有这个？如果我不得不猜测，那就是允许用户像导入一样容易地导入已定义的样式表require('bootstrap')，但是事实并非如此。

Answer 1

从Techwraith的pull请求中将其添加到Bootstrap：

npm中的许多模块开始在package.json文件中公开其CSS入口文件。这使得工具，如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将按照js依赖关系图的顺序连接模块（main.js取决于本例）所依赖的模块中的所有css文件
myModule.css，并将输出写入bundle.css。