EXT JS 5.1 Minified Core Frame работает при разработке

Question

При разработке Я хочу использовать мини-файл .js Ext JS 5.1, как это делается на Sencha Fiddle. Похоже, вы можете использовать ссылку cdn от Sencha, но когда я использую это в индексном файле, он терпит неудачу.

Есть ли что-то, что нужно сделать в файле bootstrap.js, чтобы использовать его вместо ссылки на корневую папку Ext Js 5? Я хочу использовать ту же ссылку для нескольких приложений, размещенных на сервере, для корпоративной ситуации.

Кроме того, Chrome Dev Tools работает очень медленно, загружая каждый файл. Я хочу использовать один миниатюрный файл, чтобы снова сделать это полезным.

Answer 1

Я не уверен, как вы могли бы использовать cdn file, упомянутый в sencha fiddle website. Добавление этой ссылки непосредственно к приложению при использовании микрозагрузчика вызовет ошибки. Микропогрузчик в extjs5 автоматически определяет, какие файлы загружать в фреймворк.

Однако вы можете достичь аналогичной цели использования мини-версии рамки extjs, если вы используете sencha cmd.

They detail how to setup your project to use the minified or developer copy of extjs5 instead of loading all the seperate files in this forum post

Вот изменения, чтобы сделать Ваш проект документированной к переполнению стека в случае, если пост на форуме больше не доступен:

Шаг первый

убедитесь, что вы используют версию sencha cmd , превышающую5.0.2.
Для определения вашей версии сенча CMD вы можете набрать в командной строке:

sencha which 

If you have an older version of sencha cmd you can download the latest copy here

Благодаря Niederee за этот небольшой совет, сделать обновить Сенч приложение на приложении, чтобы убедиться, это связано с последней командой сенча построить

sencha app upgrade

Шаг второй

Настройте файл манифеста app.json для загрузки ext-all-rtl-debug.js. Добавьте этот файл в "js":[] массив в файле:

"js": [ 
     { 
      "path": "${ext.dir}/build/ext-all-rtl-debug.js" // new default for generated apps 
     }, 
     { 
      "path": "app.js", 
      "bundle": true 
     } 
    ], 

Вы также можете добавить Сенча диаграммы, если они необходимы, чтобы получить, что уменьшенная строить тоже:

 { 
      "path": "${ext.dir}/packages/sencha-charts/build/sencha-charts-debug.js" 
     }, 

При желании вы можете также настроить кэш предпочтения, основанные на Dev/производства Добавить это дополнительно к файлу app.json:

"development": { 
     "loader": { 
      "cache": true 
     } 
    }, 
    "production": { 
     "loader": { 
      "cache": "${build.timestamp}" 
     } 
    } 

Шаг третий В командной строке запустите следующую команду sencha, чтобы обновить манифест загрузочного приложения.

sencha app refresh