Webpackで2つのCSSファイルを使用する方法

私はWebpackを初めて利用し、"webpack": "^3.5.5"パッケージをインストールしました。ここに私のwebpack.config.jsがあります。Webpackで2つのCSSファイルを使用する方法

module: { 
     rules: [ 
      { 
       test: /\.css$/, 
       use: ['style-loader', 'css-loader'] 
      }, 
      { 
       test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" 
      } 
     ] 
    }

1つのCSSファイルで正常に動作しますが、2つのCSSファイルをロードしたいとします。 1-ブートストラップ 2-style.css

Githubで見つけた設定を試しましたが、それは役に立たなかったです。どうやってやるの？

出典

2017-08-22 Adam Jungen

cssファイルの読み込みは、jsファイルから読み込んで行います。ですから、ファイルを使用したい場合は、「のstyle.css」のようなJSファイルからインポート：

import './style.css';

その後のWebPACKは、あなたのスタイルに持って来るためにCSSローダーを使用します。

出典

2017-08-22 17:05:50 BoxerBucks

私はこれをしました。しかし、それは両方をロードしません。私は両方のための必要性を使用し、それは上記の1つだけをロードします。 –

どのようにブートストラップを含めているのか分かりません。ブートストラップを使うと、HTMLタグが入っていれば頭の中でリンクタグを使用したいと思うかもしれません。実際にwebpack経由で持ち込む場合は、同じ方法で読み込んでメインのCSSファイルを参照する必要がありますどこに住んでいます。それがnode_modulesにある場合は、パス全体を必要とせず、webpackはデフォルトでそこを探します。 – BoxerBucks

Webpackで2つのCSSファイルを使用する方法

答えて

関連する問題