我的问题与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 /文件夹会发生什么?我是否每次都要手动删除该文件夹,只是保留而忘记了吗?
很高兴就正确的方法获得一些建议。
非常感谢您!