Javascript 带有静态/营销网站的网页包（非SPA）_Javascript_Html_Css_Webpack_Static Site

Javascript 带有静态/营销网站的网页包（非SPA）

javascript html css webpack

Javascript 带有静态/营销网站的网页包（非SPA）,javascript,html,css,webpack,static-site,Javascript,Html,Css,Webpack,Static Site,所以我必须做几个静态/营销网站，我想使用webpack作为模块绑定器所以我在考虑这样的目录结构： 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 我基本上希望每个HT

所以我必须做几个静态/营销网站，我想使用webpack作为模块绑定器

所以我在考虑这样的目录结构：

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>

此外，我还考虑使用来服务

build/

中的所有内容

也就是说，我对

.scss/.js/.html

所做的每一项更改都将复制到

build/

文件夹中

对这种方法有何想法？我认为为静态/营销网站提供服务没问题

谢谢

如果您未绑定到该文件夹结构，我将使用另一个：

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文件中，您可以简单地编写：

因此，您只需将捆绑的JS和CSS文件生成到

build

中，而无需在每次与webpack捆绑时复制HTML文件。

Hmmm我不喜欢使用另一个不同于

src/

的文件夹来添加代码。我喜欢将HTML移动到

build/

文件夹中的想法，因为我看不到将HTML从

src/HTML

内部复制粘贴到

build

文件夹中有任何好处。但是，如果HTML文件是静态的，那么将HTML从

src

文件夹复制到

build

文件夹也没有任何好处

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