帶有靜態/營銷網站的Webpack（非SPA）

因此我必須製作一些靜態/營銷網站，並且我想使用webpack作爲模塊打包程序。帶有靜態/營銷網站的Webpack（非SPA）

所以我在想的目錄結構是這樣的：

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

我基本上要爲每一個HTML是有這樣的事情

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

所以我在想什麼用https://github.com/kevlened/copy-webpack-plugin所以我可以將src/html中的文件複製到build中，並將css/js複製到/build中，最終得到如下文件結構：

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

此外，我正在考慮使用https://github.com/tapio/live-server服務一切都在build/內。

話雖這麼說，我對任何.scss/.js/.html的每次改變都會被這種方法複製到文件夾build/

的思考？我認爲服務靜態/營銷網站是可以的。

謝謝！

來源

2017-01-29 Alejandro Nanez

如果不綁定到該文件夾結構，我會用另一種：

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

而在你的HTML文件，可以簡單的寫：

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

所以你只需要生成捆綁的JS和CSS文件到build，並且不需要每次與webpack綁定時都複製HTML文件。

來源

2017-01-29 00:48:07 NonPolynomial

嗯我不喜歡有另一個文件夾不同於'src /'添加我的代碼的事實。我喜歡在'build /'文件夾中移動HTML的想法，因爲我沒有看到從將src/html內的html粘貼到build的任何好處。 –

但是如果你的HTML文件是靜態的，那麼你的html也不會從'src'複製到'build'文件夾中 – NonPolynomial

帶有靜態/營銷網站的Webpack（非SPA）

回答

相關問題