| FazBrowse GitHub Viewer | Trending | | Home |
| Tools: [Download Repo ZIP] [Original HTTPS Page] |
This is one soluction create fron scractc about example of use abp framework as traditional way(aspnetboilerplate) with 4 layers.
Theme shared contains all basic js libs, basic theme add layout.js and layout.css file for fix some
Abp js library dependency
@abp/jquery
@abp/core
jquery
En este post se muestra como agregar, el bundling/minify, cuando se desarrolla en web, generalmente se tiene varios js y css, los cuales se consumiran desde el navegador del cliente. tener varios js y css puede ralentizar la carga del sitio web, en el mundo de node js se puede usar webpack o paquetes para juntar y minificar todos los archivocs css y js para que la carga de la pagina sea mas rapida.
En asp net puede que algunos no quieran saber de node js o las cosas que implica eso o ahorrarse tocar node, en abp existe el modulo AbpAspNetCoreMvcUiBundlingModule al cual sirve para poder minificar los js y css , cuando estamos en un entorno de desarrollo este paquete agregara los js y css tal cual se agregaria de la manera tradicional, en caso se quiera debugear(depurar), pero en produccion minifica los css y js en un solo archivo bundle para que la carga de la pagina sea mas rapida. Y podemos olvidarnos de usar node js.
Pasos
<abp-script-bundle name="ScriptBundle">
<abp-script src="/lib/jquery/dist/jquery.min.js"></abp-script>
<abp-script src="/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></abp-script>
<abp-script type="@(typeof(CoreScriptContributor))"></abp-script>
<abp-script src="/js/site.js"></abp-script>
</abp-script-bundle><abp-style-bundle name="StylesBundle">
<abp-style src="/lib/bootstrap/dist/css/bootstrap.min.css" />
<abp-style src="/css/site.css" />
<abp-style type="@(typeof(CoreStyleContributor))"></abp-style>
</abp-style-bundle>| Back | FazBrowse Home | New Git URL |