Webpack mit statischen/marketing Sites (nicht SPA)

also muss ich ein paar statische/marketing-Websites machen und ich würde gerne Webpack als Modul Bundler verwenden.Webpack mit statischen/marketing Sites (nicht SPA)

Ich war über eine Verzeichnisstruktur wie folgt So denken:

build/ 
src/ 
    html/ 
    index.html 
    foo.html 
    bar.html 
    scss/ 
    main.scss 
    _partial1.scss 
    js/ 
    app.js 
    foo.js 
    fonts/ 
    fonta.ttf 
    images/ 
    img1.png 
    svg1.svg

Was ich will, im Grunde für jeden HTML ist so etwas wie das so

<html> 
    <head> 
    <link href="bundle.css" /> 
    </head> 
    <body> 
    <!-- html static content --> 
    <script src="bundle.js" /> 
    </body> 
</html>

zu haben, was ich dachte https://github.com/kevlened/copy-webpack-plugin zu verwenden so kann ich die Dateien innerhalb src/html in build kopieren und css/js auch in /build bauen, um mit einer Dateistruktur wie zu enden:

build/ 
    index.html 
    about.html 
    foo.html 
    bar.html 
    build.js 
    build.css

Auch ich dachte über die Verwendung von zu dienen alles ist innerhalb build/.

aber sagt, dass jede Änderung, die ich auf jedem .scss/.js/.html gemacht werden, um die build/ Ordner kopiert

Gedanken zu diesem Ansatz? Ich denke, es ist in Ordnung, statische/Marketing-Sites zu bedienen.

Danke!

Quelle

2017-01-29 Alejandro Nanez

Wenn Sie nicht auf diese Ordnerstruktur gebunden sind, würde ich eine andere verwenden:

build/ 
html/ 
    index.html 
    foo.html 
    bar.html 
src/ 
    scss/ 
     main.scss 
     _partial1.scss 
    js/ 
     app.js 
     foo.js 
    fonts/ 
     fonta.ttf 
    images/ 
     img1.png 
     svg1.svg

Und in Ihre HTML-Dateien können Sie einfach schreiben:

<html> 
    <head> 
     <link href="bundle/main.css" /> 
    </head> 
    <body> 
     <!-- html static content --> 
     <script src="bundle/app.js" /> 
    </body> 
</html>

Also nur Sie müssen Generieren Sie Ihre gebündelten JS- und CSS-Dateien in build und müssen Sie die HTML-Dateien nicht jedes Mal kopieren, wenn Sie mit Webpack bündeln.

Quelle

2017-01-29 00:48:07 NonPolynomial

Hmmm Ich mag nicht die Tatsache, einen anderen Ordner als 'src /' zum Hinzufügen meines Codes zu haben. Ich mag die Idee, den HTML-Code in den Ordner 'build /' zu verschieben, weil ich keinen Vorteil sehe, wenn ich einfach nur den HTML-Code aus 'src/html' nach' build' kopieren würde. –

aber Sie haben keinen Vorteil davon, lassen Sie Ihre HTML von 'src' in' Build'-Ordner weder kopiert werden, wenn Ihre HTML-Dateien statisch sind – NonPolynomial

Webpack mit statischen/marketing Sites (nicht SPA)

Antwort

Verwandte Themen