Javascript 如何在web应用程序中管理CSS和JS文件结构（自定义vs插件）？

我在网上搜索，但找不到我问题的答案。我只是想找出一个干净的方法来在我的项目中构建我的CSS和JS文件。比如说，我有一个

CSS

文件夹，有一个自定义的my.CSS文件，还有一个

Scripts

文件夹，里面有一个

myscript.js

。我知道

my.css

将进入

css

文件夹，

myscript.js

将进入此文件夹设置中的

Scripts

文件夹：

root
     css
            my.css

     Scripts

           myscript.js

我的问题是，如果我想使用jQuery插件，比如jstree。这个库需要我添加一个js和一个css文件。我应该将这些文件保存在

脚本

和

CSS

文件夹下吗

Plan A
root
     css
            my.css
            jstree.css

     Scripts
           myscript.js
           jstree.js

或者我应该把它们分开到一个不同的文件夹中，这样结构更干净

PLan B
root
     css
            jstreeFolder  --->   jstree.css
            my.css

     Scripts
           jstreFolder    --->  jstree.js
           myscript.js

这种结构可以接受吗？实现这一目标的标准方法是什么

---

感谢您的帮助

出于维护原因，我更喜欢另一种方法。该库以某种方式组织javascript文件、css文件和图像

 /libs/
       /jstree/  // <-- folder
               /themes/ <-- folder 
                  /default/  <-- folder
                      style.css
                      32px.png
               jstree.js
               jstree.search.js
      /other-plugin/

/libs/
/jstree//出于维护原因，我更喜欢另一种方法。该库以某种方式组织javascript文件、css文件和图像

 /libs/
       /jstree/  // <-- folder
               /themes/ <-- folder 
                  /default/  <-- folder
                      style.css
                      32px.png
               jstree.js
               jstree.search.js
      /other-plugin/

/libs/
/jstree//
我认为这种结构会更好，您选择的所有第三方库（不管是css还是javascript库）都应该位于libs目录下。这将使维护更容易和清晰

我认为这种结构会更好，您选择的所有第三方库（不管是css还是javascript库）都应该位于libs目录下。这将使维护变得更容易和清晰。
我以结构化的方式保存它们，如图所示。顺便说一句，我认为你的帖子主要是基于观点的。“因为AFAIK并没有严格的结构。”格林先生谢谢您的回答。事实上是的，我想知道人们对此的看法。因此，您建议将所有js插件保存在一个文件夹下。但是，如果你有10个以上的插件，并且你正在为一个特定的插件寻找一个特殊的js，那么它将很难维护。我把所有的插件都放在我上面提琴的“plugin”文件夹中。那为什么会更难呢？哦，你是说漫长的道路。。如果是这样的话，我建议您在根目录中创建一个文件夹“js”，而不是如我在小提琴中所示的“resources”。把你自己的js文件放在“参考资料”里。我想把所有的js库文件放在一个文件夹下会让我以后很难删除一个库（因为我必须找到属于那个库的文件）。不管怎样都不用担心。我理解你的结构，我认为它很好。谢谢你的建议，伙计。我把它们保存在一个结构化的方式中，如图所示。顺便说一句，我认为你的帖子主要是基于观点的。“因为AFAIK并没有严格的结构。”格林先生谢谢您的回答。事实上是的，我想知道人们对此的看法。因此，您建议将所有js插件保存在一个文件夹下。但是，如果你有10个以上的插件，并且你正在为一个特定的插件寻找一个特殊的js，那么它将很难维护。我把所有的插件都放在我上面提琴的“plugin”文件夹中。那为什么会更难呢？哦，你是说漫长的道路。。如果是这样的话，我建议您在根目录中创建一个文件夹“js”，而不是如我在小提琴中所示的“resources”。把你自己的js文件放在“参考资料”里。我想把所有的js库文件放在一个文件夹下会让我以后很难删除一个库（因为我必须找到属于那个库的文件）。不管怎样都不用担心。我理解你的结构，我认为它很好。谢谢你的建议。谢谢你的回答。如果我在项目中使用10个库，你不认为这种结构会让我很难找到特定库的js文件吗？或者，如果我决定从我的项目中删除一个特定的库呢？@Mohammadjouhari我相信，无论你如何用10个库来构建你的项目，这10个库仍然存在。如果您将项目组织为计划A，则可以手动分离第三方库内容。我只是担心，既然他们是第三方，那么他们应该属于一起。然后你就知道在哪里可以找到它们，而不是打开你自己的脚本或css文件夹，找出你的脚本和第三方脚本的区别。此外，使用CDN可能会使您的结构更加清晰。：）谢谢你的回答谢谢你的回答，如果我在项目中使用10个库，你不认为这种结构会使我很难找到特定库的js文件吗？或者，如果我决定从我的项目中删除一个特定的库呢？@Mohammadjouhari我相信，无论你如何用10个库来构建你的项目，这10个库仍然存在。如果您将项目组织为计划A，则可以手动分离第三方库内容。我只是担心，既然他们是第三方，那么他们应该属于一起。然后你就知道在哪里可以找到它们，而不是打开你自己的脚本或css文件夹，找出你的脚本和第三方脚本的区别。此外，使用CDN可能会使您的结构更加清晰。：）谢谢你的回答