在前端開發中,我們常常需要使用require.js來管理我們的模塊化代碼。如果我們還想通過require.js來配置CSS,該怎么做呢?
首先,需要在HTML頁面中引入require.js:
<script src="./require.js"></script>
然后在require.js的配置中,我們需要添加一個CSS插件。
require.config({ paths: { 'css': './css' // 添加css插件路徑 }, shim: { // 配置css插件 'css': { exports: 'require' } } });
接著,在我們的JS代碼中,使用require函數加載CSS文件即可。
require(['css!./main.css']);
上述代碼意思是:使用css插件來加載./main.css文件。
需要注意的是,在加載CSS時不能添加.js后綴,否則會報錯。
require(['css!./main.css']); // 正確 require(['css!./main.css.js']); // 錯誤
這樣,在使用require.js的過程中,我們就可以方便地配置CSS文件了。
上一篇html5案列代碼
下一篇require設置css