Gibt es eine Möglichkeit zu ignorieren, einen Dateityp mit Webpack?

In meine Kunst, für meine website habe ich einige temporäre Dateien, die ich behalten will in meinem "media" - Ordner.

Aber dann webpack beginnt beschweren, dass Sie nicht wissen, was zu tun mit diesen Dateien.

Gibt es eine einfache Möglichkeit zu sagen, Mach dir keine sorgen über alle Dateien mit der .pdn Erweiterung?

Ich habe versucht, diese Optionen in meinem webpack.config.js und es hat nicht geholfen:

  1. { test: /\.pdn?$/, loader: 'raw', exclude: /.*/}
  2. { test: /\.pdn?$/, exclude: /.*/}
InformationsquelleAutor Vaccano | 2016-06-06
  1. 21

    Könnte man hinzufügen, die ignorieren-loader plugin und Spiel-Dateien zu.

    Beispiel (in webpack.config.js)

    Dieser ignoriert alle .css - Dateien.

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

    Ich brauchte es, da war ich requiring einige node_modules Import von mehreren font-Formaten, aber ich wollte nur woff oder woff2 Formate.

    Meine Lösung:

    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' }
  ]
}
    • Schön, genau was ich brauchte (ich war über das zu schreiben mir 🙂 )
    • Hi! Ich habe diese Technik aber in der resultierenden css-bundle habe ich so etwas wie dieses: url( [Object]) für ttf/eot-urls, die Pausen css. Haben Sie irgendwelche Tipps, was zu tun ist?
    • wie Sie sehen können hier alle dieses plugin tut, ist return '';. Wenn Sie [object Object] dann kommt von irgendwo sonst!
    InformationsquelleAutor Aᴄʜᴇʀᴏɴғᴀɪʟ
  2. 0

    Die Frage ist nicht, was webpack will mit diesen Dateien, aber was willst du mit diesen Dateien, wenn Sie Sie benötigen? Wollen Sie Ihre Inhalte in Javascript, wollen Sie benötigen, um geben Sie den Pfad der Dateien, die Sie in Ihren bauen oder etwas anderes?

    Wenn Sie nicht benötigen keine .pdn Dateien, sondern Webpack noch versucht, Sie zu laden, verwenden Sie möglicherweise dynamische erfordert. Dynamische erfordert tun können, sehr seltsame Dinge und in der Regel versuchen, zu bündeln, zu viel, so sollten Sie wirklich vermeiden, mit Ihnen.

    Wenn Sie wollen, um den Zugriff auf die Dateien in einer Weise, verwenden Sie Datei-loader.

    In deinem Beispiel oben, Ihre erste loader-option nicht funktionieren würde, einfach weil du bist ohne alles in die exclude-Klausel. Sie Fragen webpack anwenden raw-loader, um passende Dateien 'test', aber ignorieren Sie passende Dateien "ausschließen", das ist alles, was in Ihrem Fall. Verwenden { test: /\.pdn$/, loader: 'raw' } statt.

    • Ich will einfach nur, Webpack, um Sie zu ignorieren. Als ob Sie nicht existieren. Ich schaute auf die dynamische erfordert und es sieht nicht aus wie Tue ich das (string-Verkettung in einer require-Anweisung).
    • Solange Sie nicht von Ihnen verlangen, Webpack wird nicht versuchen, Sie zu laden und Sie ignorieren. Sind Sie sicher, dass Sie immer nur erfordert genau definierte strings? Kein verlangen, von Variablen oder sowas?
    • NÖ, ich habe nicht irgendwelche von dem.... Ich zog die Datei woanders (aus meiner dev-tree) und der Fehler ging Weg. (Ich hatte gehofft, einen Weg zu finden, um es ignorieren, so konnte ich es dort lassen... aber .. na ja)
    InformationsquelleAutor Ambroos
Schreibe einen Kommentar