sencha应用程序构建生产不工作

时间:2012-05-14 17:22:24

标签: sencha-touch-2

我使用sencha create app命令创建了我的应用程序。它在我的机器上本地工作以及我们的Web服务器上。我正在尝试为生产构建应用程序,但以下命令对我不起作用:

  

sencha app build production

我没有收到任何错误消息或输出。目录中没有任何内容发生变化。

以下命令:

  

sencha build -p appname.jsb3 -v -d。

生成jsb3文件。但是,我的index.html永远不会更新以加载新文件。根据我在网上找到的信息,我的index.html应该更新为指向新文件。

我觉得我在某处遗漏了一些东西,但我找不到任何适合我的在线教程。谁能指出我正确的方向?我的index.html粘贴在下面,如果这有助于确定我做错了什么。

<!DOCTYPE HTML>
<html manifest="" lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>EGL Mobile</title>
    <style type="text/css">
        /**
         * Example of an initial loading indicator.
         * It is recommended to keep this as minimal as possible to provide instant feedback
         * while other resources are still being loaded for the first time
         */
        html, body {
            height: 100%;
        }

        #appLoadingIndicator {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -10px;
            margin-left: -50px;
            width: 100px;
            height: 20px;
        }

        #appLoadingIndicator > * {
            background-color: #FFFFFF;
            float: left;
            height: 20px;
            margin-left: 11px;
            width: 20px;
            -webkit-animation-name: appLoadingIndicator;
            -webkit-border-radius: 13px;
            -webkit-animation-duration: 0.8s;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-direction: linear;
            opacity: 0.3
        }

        #appLoadingIndicator > :nth-child(1) {
            -webkit-animation-delay: 0.18s;
        }

        #appLoadingIndicator > :nth-child(2) {
            -webkit-animation-delay: 0.42s;
        }

        #appLoadingIndicator > :nth-child(3) {
            -webkit-animation-delay: 0.54s;
        }

        @-webkit-keyframes appLoadingIndicator{
            0% {
                opacity: 0.3
            }

            50% {
                opacity: 1;
                background-color:#1985D0
            }

            100% {
                opacity:0.3
            }
        }
    </style>
    <script id="microloader" type="text/javascript" src="sdk/microloader/development.js"></script>
</head>
<body>
    <div id="appLoadingIndicator">
        <div></div>
        <div></div>
        <div></div>
    </div>
</body>
</html>

1 个答案:

答案 0 :(得分:3)

试试这个:

//首先打开cmd并运行:

cd path/to/application

//然后确保index.html存在于您的路径/ / application:

<!DOCTYPE html>
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>title</title>
 <!-- update this to your css file -->
 <link rel="stylesheet" href="resources/css/app.css" type="text/css">
 <!-- you can get this file from sencha original files -->
 <script type="text/javascript" src="sdk/sencha-touch-debug.js"></script>
 <script type="text/javascript" src="app.js"></script> 
</head>
<body></body>
</html>

//确保文件正在加载您的应用程序,然后运行命令:

sencha create jsb -a index.html -p app.jsb3

//也执行第二个命令。请注意,最后的DOT应添加到命令中:

sencha build -p app.jsb3 -d .

//现在我们的应用程序已构建:

创建新的html文件“built.html”并使用以下代码:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>title</title>
    <link rel="stylesheet" href="resources/css/app.css" type="text/css">
    <script type="text/javascript" src="sdk/sencha-touch.js"></script>
    <script type="text/javascript" src="all-classes.js"></script>
    <script type="text/javascript" src="app.js"></script>
</head>
<body></body>
</html>

//现在打开built.html