WebpackでのCSSライブラリの接続

CSSライブラリはnpmを通じてインストールし、 CSSファイルに接続することができます。 例としてnormalize.cssライブラリを見てみましょう。 インストールします:

terminalnpm install normalize.css

ライブラリをCSSファイルに直接インポートします。 この際、パスの先頭にチルダ ~ を置きます。 これにより、Webpackはファイルを node_modules 内で探すようになります。 インポートを実行します:

src/styles.css@import '~normalize.css'
Задание 1

modern-css-resetライブラリを インストールしてインポートしてください。

Задание 2

プロジェクトをビルドしてください。 ビルド時にインストールされたライブラリが どこに出力されるかを確認してください。