Organizar a ordem dos JS nos bundles

Question

Opa a todos,

Pessoal tem como escolher a ordem em que os JS sao carregados dentro de um bundles?

Exemplo:

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.unobtrusive*",
                        "~/Scripts/jquery.validate*"));

Eu quero que ele carrege o jquery.validate em primeiro e depois o jquery.unobtrusive.

Obrigado

Answer 1

Bom Dia Amigo,

Segue um bom tutorial sobre o assunto http://msdn.microsoft.com/pt-br/library/dn168847.aspx, e uma excelente biblioteca  http://requirejs.org/

---

Autor de tutorias ASP.Net MVC(3,4),C#,Web API,Entity Framework para mais detalhes http://juliano-sales.net/

Answer 2

Olá Joao,

Se você alterar a ordem de include não funciona?

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                "~/Scripts/jquery.validate*",
		"~/Scripts/jquery.unobtrusive*"));

Outra solução seria fazer bundles separados, e depois chama-los na ordem desejada:

Scripts.Render("jqueryvalidade")
Scripts.Render("jqueryunobtrusive")

---

Ao infinito e além!

Answer 3

Boa noite a todos, 

Juliano eu li este tutorial que você enviou mas ele não diz nada de como fazer para organizar a ordem de carregamento das bibliotecas dentro do Bundle.

Fabio eu atualmente estou fazendo da forma que você citou na sua segunda opção ou seja desmembrando o bundle mas isto não é o certo. Por isto eu queria botar ordem no carregamento. Tenho uma biblioteca do CKEditor que carrega 3 JS e eles nunca carregam na ordem que eu ponho ai o CK editor não funciona.

Answer 4

Se você criar um novo arquivo js, copiar e colar todos os 3 arquivos, na ordem correta, e depois fazer um bundle deste novo arquivo. Será que não resolve seu problema?

---

Ao infinito e além!

Answer 5

Fabio com certeza fazendo assim resolve, mas fico pensando sera que quando criaram este fantastico recurso dos Bundles nao foi criado nenhuma forma de controlar a ordem dos carregamentos da fila?

Por isto eu questionei aqui no canal.

Answer 6

Tem uma biblioteca muito boa chamada "ClientDependency" que permite você escolher a prioridade em que os javascripts são enviados para o cliente.

https://github.com/Shandem/ClientDependency

Answer 7

Joao tentei ver esta biblioteca mas o Github esta fora do ar desde ontem aqui para mim. Quando voltar eu vejo.

Vou finalizar o topico pois acho que não existe uma forma natural do Bundles por ordem no carregamento dos JSs e dos CSSs quando num mesmo bundle.

Valeu a todos pelas informações que me foram muito úteis.