twitter-bootstrap - 如何利用 Bootstrap 4 NPM package.json 元数据

Question

来自Bootstrap 4 alpha docs :

Bootstrap’s package.json contains some additional metadata under the following keys:

• sass - path to Bootstrap’s main Sass source file

• style - path to Bootstrap’s non-minified CSS that’s been precompiled using the default settings (no customization)

如何在开发中利用这些 key ？我似乎无法从 NPM 找到有关如何访问这些 key 的任何信息。我正在使用 node-sass 进行编译，有没有办法利用这些键以便我可以编写:

@import "bootstrap/scss/bootstrap.scss";

代替

@import "../../node_modules/bootstrap/scss/bootstrap.scss"; 

如果不是，将这些额外的键包含在 package.json 中的目的是什么？

Answer 1

有两种方法可以利用额外键中的值:

1. package.json 变量
   您可以在 package.json 脚本中将这些值用作变量。例如，sass 目录可以在 npm 脚本中通过变量 npm_package_sass 访问。

   您会在 documentation page for npm scripts 上找到更多信息

2. 导入 package.json 文件
   您可以要求 package.json 文件并访问存储在 sass 属性中的值:

   var pjson = require('./package.json');
   console.log(pjson.sass);