Qué envuelve / expulsa la CLI angular y cómo implementar archivos zip

tldr; Angular CLI envuelve ~ 19 paquetes y también la configuración del paquete web. Podemos implementar archivos zip con nuestro ng serve / build prefijando el parámetro de nombre de archivo de la función require con “file-loader!”.

¡Hola, compañeros programadores!

Al principio, pensamos que solo ayudaba a generar código angular para módulos, rutas, componentes, tuberías, etc. Y antes de eso, habíamos estado usando el proyecto semilla AngularClass Webpack antes de que Angular CLI cambiara de SystemJS a WebPack. / p>

¡CLI angular es genial! Angular CLI también resume muchas de las complejidades y la configuración del paquete web, perfectamente escondidas. Pero a veces, por necesidad o curiosidad, debemos expulsar este presente elegantemente empaquetado. Angular CLI envuelve paquetes para webpack-dev-server, autoprefixer, cssnano, postcss-url y 15 “ -loader ” para css, exportaciones, archivo, json, karma-sourcemap, less, postcss, raw, sass, script, source-map, istanbul-instrumenter, style, stylus y url.



También necesitábamos implementar archivos zip y antes habíamos modificado el archivo de configuración webpack.common.js para agregar la extensión “zip”.

En lugar de expulsar el paquete de cli angular y agregar zip al valor de prueba dentro de la configuración, podemos especificar manualmente el cargador por requerimiento como se muestra a continuación.

Expulsar habría hecho un desastre; con la esperanza de evitarlo y preguntándome si alguna vez lo necesitaremos. Hasta entonces….

¡Juguemos con algo de código!