要管理頁面中的css,我們一般會選擇使用require庫。
在使用require管理css的時候,需要在頁面中引入相應的require庫文件,以及相應的css文件。如下所示:
<head> <link rel="stylesheet" href="path/to/require.css"> <script src="path/to/require.js"></script> </head>
接下來,我們可以使用require庫中的define函數來定義我們需要引入的css文件,如下所示:
define('my-css', ['css!path/to/my/css'], function() { // css文件已經被成功加載 });
這樣,在我們需要使用該css文件的地方,只需要使用require語句引入即可:
require(['my-css'], function() { // 該css文件已經被成功引入,可以使用了 });
需要注意的是,在使用require管理css的時候,不要將css文件的路徑寫成相對路徑,最好使用絕對路徑。
上一篇html5校園介紹源代碼
下一篇html5植物生長代碼