Webpack / ES6：如何导入样式表

我看到像 bootstrap 这样的存储库开始在它们的中包含额外的标签package.json 文件，例如“style”和“less”。 https://github.com/twbs/bootstrap/blob/v4.0.0-alpha.2/package.json#L20-L22如何使用这些标签导入资源？

package.json

{
  "name": "bootstrap",
  "style": "dist/css/bootstrap.css",
  "sass": "scss/bootstrap.scss",
  "main": "./dist/js/npm"
}

我正在使用 ES6 模块和 webpack。我希望能够使用 package.json 中的样式标签导入样式表。

目前我正在做这样的事情：

my_stylesheets.less

@import "~bootstrap/dist/css/bootstrap";

当 package.json 中存在可用路径时，消费者添加路径会很烦人。有没有办法可以使用 package.json 中的标签导入样式表？

如果我无法在 package.json 中使用标签，是否有在 ES6 模块中导入样式表的标准方法？

是的！！！ Webpack 将所有东西都视为一个模块，包括那个可爱的小东西package.json在你的仓库中。

因此，您只需要require()将其导入您的应用程序，然后访问该 json 对象的属性。 （有关更多信息，请参阅 json-loader）。

我经常使用它为我的 Webpack 配置文件导入版本号等数据，以进行捆绑和版本控制。