WebPack-Funktion ausführen, bevor der Aufbau beginnt

Muss ich ausführen einer JavaScript-Funktion vor dem Webpack beginnt seine building-Prozess. Die Funktion braucht nur .scss Dateien und verketten Sie in einem.

Danach Webpack sollte die Ergebnis-Datei. Gibt es eine Möglichkeit, das zu tun?

Im moment habe ich die Funktion ausführen, bevor die module.exports im webpack.config.js, aber es scheint, dass Ihr nicht den synchronen Betrieb. - Modul.die Exporte ausführen, bevor die concat() Funktion endet und Webpack nicht finden können .scss-Datei.

function concat(opts) {
  (...)
}

concat({ src : styles,  dest : './css/style.scss' });

module.exports = [
   (...)
]
InformationsquelleAutor Amay | 2016-04-21
  1. 10

    Es scheint ein wenig seltsam zu concat scss Dateien vor dem ausführen Webpack, wie diese Art von Operationen werden in der Regel behandelt durch Webpack selbst.

    That being said, es gibt ein paar Wege, dies zu lösen.

    Die naheliegendste Möglichkeit wäre zum extrahieren der concat Teile in eine separate Datei (z.B. prepare.js) und dann ausführen, starten Sie den build-Vorgang durch ausführen von etwas entlang dieser Linie: node prepare.js && webpack. Das werde zunächst vorbereiten und wenn das beendet wird, ohne Fehler webpack ausgeführt werden. In der Regel werden Hinzugefügt, um die scripts Teil des Pakets.json, z.B.

    "scripts": {
  "build": "node prepare.js && webpack"
}

    Erzielen derselben aber in einem mehr Webpack integriert, Sie könnte das gleiche tun, wo Sie extrahieren Sie die concat Teil in eine separate Datei und dann lassen Webpack ausführen, die Datei vor dem bauen beginnt, mit Hilfe von Webpack Shell Plugin, z.B.

    const WebpackShellPlugin = require('webpack-shell-plugin');
module.exports = {
  ...
  plugins: [
    new WebpackShellPlugin({
      onBuildStart:['node prepare.js']
    })
  ],
  ...
}
    InformationsquelleAutor Emil Oberg
Schreibe einen Kommentar