2017-07-07 4 views
2

ich webpack.config bin mit bindle complile und minify meine SCSS DateienWie kombiniert man Webpack mit ng-build?

module: { 
rules: [{ 
     test: /\.scss$/, 
     use: extractSass.extract({ 
      use: [{ 
       loader: "css-loader" 
      }, { 
       loader: "sass-loader" 
      }], 
      // use style-loader in development 
      fallback: "style-loader" 
     }) 
    }] 
}, 

Das Problem ist jetzt ng-build nicht webpack.config Auto läuft, habe ich webpack Befehl dann ng-build, muss ich schließen webpack.config in ng-build laufen oder erstellen Sie einen benutzerdefinierten Befehl, um beides zu tun.

Antwort

0

ng-cli ist auf Webpack gebaut. Sie können ng eject verwenden, um die ng-cli-Kapselung zu entfernen und die darunter liegende Webpack-Konfiguration anzuzeigen.

+0

Ich benutze es und ich sehe die Datei web.config und ich sehe, dass es Sass-Dateien kompilieren sollte, also warum bei der Verwendung von ng-build es nicht kompiliert und Auto automatisch minimiert ?? –

+0

Ich weiß nicht, was Sie in der Konf geändert haben. Mit einem sauberen neuen ng-cli-Projekt kompiliert es automatisch Sass-Dateien. Normalerweise müssen Sie es nicht selbst angeben:/ –

+0

Ja, Sie haben Recht, ich habe es jetzt versucht und ich kann sehen, aber ich sehe, dass es alles in .js Dateien konvertiert kein CSS, warum es das tun? und es ist eine Möglichkeit, es nur in normale CSS-Dateien konvertieren –