webpack.Rule.oneOf-example.ts

import inlineStyles   from './styles?inline'   // Will be loaded with url-loader
import externalStyles from './styles?external' // Will be loaded with file-loader

/** The following rules would make the above imports behave in different ways: **/
{
  test: /\.css$/,
  oneOf: [
    {
      resourceQuery: /inline/,
      use: 'url-loader',
    }, {
      resourceQuery: /external/,
      use: 'file-loader',
    },
  ],
},