Est-il possible d'ignorer un type de fichier avec Webpack?

Dans la création de mon art pour mon site, j'ai quelques fichiers intermédiaires que je veux garder dans mon "médias" du dossier.

Mais alors webpack commence à se plaindre qu'il ne sait pas quoi faire avec ces fichiers.

Est-il un moyen facile de le dire, ne vous inquiétez pas pour tout les fichiers avec le .pdn extension?

J'ai essayé ces options dans mon webpack.config.js et il n'a pas aidé:

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

OriginalL'auteur Vaccano | 2016-06-06

  1. 18

    Vous pouvez ajouter la ignore-chargeur plugin et correspondent à des fichiers.

    Exemple (en webpack.config.js)

    Cela va ignorer tous les .css fichiers.

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

    J'avais besoin depuis que je suis exigeant certaines node_modules qui a importé plusieurs formats de police, mais je ne voulais woff ou woff2 formats.

    Ma 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' }
  ]
}
    Sympa, juste ce dont j'avais besoin (j'allais écrire moi-même 🙂 )
    Salut! J'ai utilisé cette technique, mais en résultant css bundle j'ai quelque chose comme ceci: url( [Object Object]) pour ttf/eot url qui rompt css. Avez-vous des conseils sur quoi faire?
    comme vous pouvez le voir ici ce plugin n'est return '';. Si vous avez de la [object Object] alors que vient de quelque part d'autre!

    OriginalL'auteur Aᴄʜᴇʀᴏɴғᴀɪʟ

  2. 0

    La question n'est pas ce que webpack veut faire avec ces fichiers, mais que voulez-vous faire avec ces fichiers lorsque vous en avez besoin? Voulez-vous leur contenu en Javascript, voulez-vous besoin pour vous donner le chemin d'accès des fichiers dans votre construction ou quelque chose d'autre?

    Si vous n'avez pas besoin de tout .pdn fichiers mais Webpack essaie toujours de charger l'un d'eux, vous pouvez peut-être l'aide d'dynamique exige. Dynamique exige peut faire des choses très étranges et généralement essayer de regrouper beaucoup trop, de sorte que vous devriez vraiment éviter de les utiliser.

    Si vous ne souhaitez accéder à des fichiers dans un sens, l'utilisation de fichier loader.

    Dans l'exemple ci-dessus, votre première option du chargeur ne fonctionne pas tout simplement parce que vous êtes à l'exclusion de tout dans l'exclure de la clause. Vous vous demandez webpack à appliquer raw-loader de fichiers correspondant 'test', mais ignorer les fichiers correspondant à "exclure", qui est tout dans votre cas. Utilisation { test: /\.pdn$/, loader: 'raw' } à la place.

    Je veux juste Webpack de les ignorer. Comme si ils n'existaient pas. J'ai regardé dynamique exige et qu'il n'a pas l'air comme je le fais que (concaténation de chaîne dans un besoin de confidentialité).
    Tant que vous n'avez pas besoin d'eux, Webpack ne va pas essayer de les charger et de les ignorer. Êtes-vous sûr que vous êtes toujours en ne nécessitant directement définies cordes? Pas besoin de variables ou quelque chose comme ça?
    Nope, je n'ai pas tout ça.... J'ai juste déplacé le fichier à un autre endroit de mon arborescence de développement) et l'erreur a disparu. (J'espérais trouver un moyen de faire de l'ignorer afin que je puisse l'y laisser... mais .. ah bien)

    OriginalL'auteur Ambroos