Webpack/ES6：スタイルシートをインポートする方法

Question

追加のタグを含むブートストラップのようなリポジトリが表示されますpackage.json file such as 'style' and 'less.'これらのタグを使ってアセットをインポートするにはどうすればよいですか？

package.json 

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

私はES6モジュールとwebpackを使用しています。私はpackage.json内のstyleタグを使って自分のスタイルシートをインポートできるようにしたいと思います。

my_stylesheets.less 

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

それはpackage.jsonで利用可能なときに消費者がパスを追加するために迷惑です：

は現在、私はこのような何かをしています。 package.jsonのタグを使ってスタイルシートをインポートする方法はありますか？

tagをpackage.jsonで使用できない場合は、ES6モジュールにスタイルシートをインポートする標準的な方法がありますか？

Answer 1

はい！ Webpackはあなたのレポにそのかわいい小さなpackage.jsonを含め、すべてをモジュールとして扱います。

したがって、アプリにrequire()を入力し、そのjsonオブジェクトからプロパティにアクセスするだけで済みます。 （詳細はjson-loaderを参照してください）。

バンドルやバージョン管理用のWebpack設定ファイルのバージョン番号などのデータをインポートするためによく使用します。

Answer 2

この機能は現在webpackには含まれていません。 webpackのCSSローダーレポにはopen issueがあります。

また、スタイルフィールドの使用にはSO threadがあり、これをサポートするいくつかのnpm/browserifyツールがあるようです。