專案中如果管理前端檔案CSS和JS

2021-07-03 16:27:02 字數 391 閱讀 2267

本部落格提供一種方式:

依賴gruntjs構建,將js檔案引入到jade檔案中,在將jade檔案的名稱轉換成js(即改變字尾名)到乙個目錄中,在將這個目錄的js檔案壓縮成生成目標檔案。

例如:idemo.jade中包含 istring.js、iuidialog.js、idemodom.js

在idemo.jade中引入如下檔案:

include istring.js

include iuidialog.js

include idemodom.js

將編譯idemo.jade 生成idemo.js,idemo.js檔案中所需要的js了,然後在將這個檔案壓縮成目標檔案。

這個管理js方法,借用了jade的include作用允許插入檔案內容到另乙個檔案中。

專案中常見css檔案應用問題

最近3周的工作中主要是負責和美工樣式的改版,其中不避免的遇到一些套用樣式的時候的問題。下面把問題放出來並解決 通常美工會吧固定的例如background img的url寫成相對路徑,這時候如果用到例如masterpage.master的時候會出現路徑混亂的局面,比如 folder page1.asp...

vue專案中引入外部css以及js檔案的方法

在使用vue做專案的時候,我們一般不將css樣式寫到各自的元件裡,這樣不僅會讓 冗餘,而且不美觀整潔。如果你定義了一些外部css檔案,如何引入到vue元件中去呢?我們這裡使用es6的引入方式 那麼js檔案如何引入呢?如果需要全域性使用,則可以在main.js中引用並例項化物件 部分js const ...

copy專案中的 c和 h檔案

想把專案中的.h和.c檔案拿出來,專案實在巨大,裡面檔案巨多。寫了乙個shell tool把.c和.h篩選出來。第一次用shell來完成乙個小功能啊,用了兩個小時.cpdir.sh bin bash function copdir c 2 error.out cp h 2 error.out for...