Javascript 按特定顺序需要带有Require-css.js的css文件
我的结构如下:Javascript 按特定顺序需要带有Require-css.js的css文件,javascript,css,requirejs,dependencies,requirecss,Javascript,Css,Requirejs,Dependencies,Requirecss,我的结构如下: components/ ----requirejs ----require-css ----flatUi --------/css ------------flat.css menuJSlib/ ----js/ --------menu.js ----css/ --------menu.css samples ----demo/ --------js/ ------------main.js --------css/ ------------main.css --------in
components/
----requirejs
----require-css
----flatUi
--------/css
------------flat.css
menuJSlib/
----js/
--------menu.js
----css/
--------menu.css
samples
----demo/
--------js/
------------main.js
--------css/
------------main.css
--------index.html
我尝试在我的演示项目中加载带有requirejs和RequireCSS的menuJSlib文件夹中的所有内容。
在我的演示中的index.html中,我包含了requirejs库
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<script data-main="js/main" src="../../components/requirejs/require.js"></script>
</body>
</html>
我的menuJSlib文件夹中menu.js中的代码是:
define('GameMenu', ['css!components/flat-ui/dist/css/flat-ui.min.css',
'css!lib/css/main.css'], function() {
return GameMenu;
});
如何查看menu.js与css文件的依赖关系。好的,所有这些东西都很好,但问题是,我可以找到一种方法来排序css文件,在这种情况下,依赖关系
如您所见,我尝试下订单,在menu.js中获取所有依赖项,然后在demo文件夹中加载main.css。这样,演示中的main.css将验证一些css规则,这是我所需要的。但顺序如下:
demo/css/main.css
flatui/css/flat.css
menuJslib/css/main.css
如果不删除menu.js中的css依赖项,我不会下这个命令
flatui/css/flat.css
menuJslib/css/main.css
demo/css/main.css
在这种情况下,这是可能的吗?您是否设法找到了解决此问题的方法?
flatui/css/flat.css
menuJslib/css/main.css
demo/css/main.css