你会如何来管理所有CSS文件，JS与图片

JavaScript0133

你会如何来管理所有CSS文件，JS与图片,第1张

先说CSS文件：

现在一般用CSS预处理器，比如SCSS 或者 LESS 来进行管理。个人喜好使用SCSS，因为基本语法跟CSS一样，甚至CSS文件后缀名改成SCSS，就是一个SCSS文件了~！所以，我用SCSS来管理CSS文件。

一个网站中，设计到的板块很多，样式也很多，功能也多，所以SCSS我一般我会按照功能，板块之类的分成几大块。比如，我会用以下SCSS文件：

_public.scss  公用样式，去掉浏览器的差异

_button.scss  按钮样式模块，专门做按钮用的。

_font.scss  字体图标。

_banner.scss  banner部分的样式

_header.scss   头部样式。等等

然后在一个  web.scss中，通过 @import 命名导入对应的样式。比如：

@import "public"

@import "button"

这样，scss会把多个scss文件整合为一个css文件~！非常方便~！具体scss，你可以查看中文官网。https://www.sass.hk

至于图片：

一般我都放在 images文件夹中。也有人喜欢用 img 作为这个文件夹名字，无所谓。

然后再images里面，根据项目需要再分几个文件夹就ok了。只要目录关系正确，清晰，能提高开发效率，怎么都可以。

引入多个JS是为了方便管理，比如首页需要用带JS就建一个名称为 index.js ，如果内页需要用js就建一个名称为 page.js ，我只是打个比方，名称随便取，如果都写在一个文件里面，不方便管理，如果需要修改找起来也很麻烦