package.json中的"style"字段

Question

我注意到Bootstrap和Normalize.css在package.json中都有一个"style"字段.

为什么他们有这个？如果我不得不猜测,那就是允许用户像操作一样轻松导入定义的样式表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将连接所main.js依赖的模块中的所有css文件 - 在本例中只是myModule.css- 按照js依赖图的顺序,并将输出写入bundle.css.