Is there a way to ignore a file type with Webpack?

Question

In creating my art for my website, I have some intermediate files that I want to keep in my "media" folder.

But then webpack starts complaining that it does not know what to do with those files.

Is there an easy way to say, don't worry about any files with the .pdn extension?

I tried these options in my webpack.config.js, and it did not help:

1. { test: /\.pdn?$/, loader: 'raw', exclude: /.*/}
2. { test: /\.pdn?$/, exclude: /.*/}

Answer 1

You could add the ignore-loader plugin and match files to it.

Example (in webpack.config.js)

This will ignore all .css files.

module.exports = {
  // ... other configurations ...
  module: {
    loaders: [
      { test: /\.css$/, loader: 'ignore-loader' }
    ]
  }
};

I needed it since I was requiring some node_modules that imported multiple font formats, but I only wanted woff or woff2 formats.

My solution:

config = {
  // ... config ...
  module: [
    { test: /(\.woff|\.woff2)$/, loader: 'url?name=font/[name].[ext]&limit=10240&mimetype=application/font-woff' },
    { test: /\.ttf$/, loader: 'ignore-loader' },
    { test: /\.eot$/, loader: 'ignore-loader' }
  ]
}