Question

创建自适应应用程序时，它的结构非常复杂，无法编写繁琐的任务。

应用程序有一些条件：

条件1：它有多个域，我们必须加载必要的文件。

条件2：它是自适应的，桌面和平板电脑共享相同的代码，而移动设备则是自适应的。

笨蛋是新手，无法编写如此复杂的任务。

请做好必要的事。

以下是我尝试过的代码：

文件夹结构：

Parent Folder
 common 
  css
  js --> libs
desktop/tablet
 Domain 1
  css --> Domain1 css
  Js
   landingPage
     collections
     models
     routers
     templates --> domain 1 html
     views --> main.js
 Domain 2
  css --> Domain2 css
  Js
   landingPage
     collections
     models
     routers
     templates --> domain 2 html
     views --> main.js

移动设备的结构相同。

的index.html：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script>
        var hostname = window.location.host.toLowerCase();
        if(hostname.indexOf("domain1")!=-1){
            console.log("Load Domain 1 config");
        }
        else{
            console.log("Load Domain 2 config");
        }
    </script>
    <script data-main="domain1-config" src="../js/libs/require.js"></script>
</head>
<body></body>
</html>

如何使用grunt为自适应文件夹结构编写任务

0 个答案: