webpackのinline syntax - 技術探し

誰得かわからないですが、これの質問が来たのでここで説明しようと思います。 webpackは、ローダーチェインと呼ばれる仕組みで動いています。 これには、inlineの書き方が存在しますが開発者ですら使うのは非推奨です。 しかし、webpackのログにはこの表記が多々出てくるため疑問がある人は多いと思います。 設定は以下のファイル群です。 // webpack.config.js module.exports = { mode: 'development', module: { rules: [ { test: /\.css$/i, use: [ 'style-loader', 'css-loader', ], }, { test: /\.css$/i, use: [require.resolve('./loader')], enforce: 'post', } ], }, }; // lo