webpack.config.jsのrulesのtest部分の仕様について

Question

以下のようなwebpack.config.jsを記述したとして、testの部分に正規表現で.cssファイルを
css-loaderで変換するという処理がされる際、./src/index.jsに記述のある「import（require）」を見て
そこに.cssで終わるファイルがあればJSに変換するという意味になるのでしょうか

module.exports = {
    entry: './src/index.js',
    output: {
        path: `${__dirname}/dist`,
        filename: 'bundle.js'
    },
    mode: 'development'
   
    module: {
        rules: [
            {
                
                test: /\.css/,
                
                use: [
                    {
                        loader: 'css-loader'
                    }
                ]
            }
        ]
    }
}

// index.js
import './style.css'

いまいち、どこのファイルのソースコードあるいはディレクトリ箇所を対象として .cssファイルを見つけているのかよくわかりません。ご教授お願いします。

Comments

[hoshi-takanori]

entry: './src/index.js' を基準にして、例えば import './style.css' なら同じ src ディレクトリで style.css を探すのでは。
rules の .css は、探す場所を指定するものではなく、見つけたファイルの拡張子が css だった場合にどう処理するかを書くような。たぶん。