带有Webpack的Express应用程序的文件和文件夹结构

时间:2018-10-07 19:25:01

标签: node.js express webpack

我的问题与here相似,但不幸的是,我仍然不确定什么是正确/最佳实践方法。

到目前为止,我已经使用以下文件夹结构创建了一个快速应用程序:

myproject/
|-app.js
|-middleware/
|-models/
|-public/
    |-css/
    |-js/
|-routes/
|-views/

现在,我想添加webpack以便将其用于前端捆绑,因此是public /和views /文件夹。

但是,Webpack使用入口点和输出文件夹。我经常看到src /和dist /文件夹的用法如下:

myproject/
|-src/
|-dist/

我的问题是,我所有其他文件和文件夹(例如路线/和模型/文件夹)会怎样?我是否从一开始就将它们放在dist /文件夹中,而只包含捆绑在src /文件夹中的文件?

myproject/
|-src/
    |-views/
    |-style.css
    |-index.js
|-dist/
    |-middleware/
    |-models/
    |-public/
        |-style.bundle.css
        |-index.bundle.css
|-routes/
|-views/
|-apps.js

编辑:Webpack文档规定以下内容:

  

通常,在每次构建之前清理/ dist文件夹是一个好习惯

随着clean-webpack-plugin删除整个/ dist文件夹,我不认为上述文件夹结构是正确的。

还是将所有内容都包含在src /文件夹中?如果是这样,处理服务器端文件以使它们最终出现在dist /文件夹中的正确方法是什么?

还是将src /文件夹添加到我的基本结构并将public /文件夹用作我的输出文件夹的正确方法?当我要部署应用程序时,src /文件夹会发生什么?我是否每次都要手动删除该文件夹,只是保留而忘记了吗?

很高兴就正确的方法获得一些建议。

非常感谢您!

0 个答案:

没有答案
相关问题