Saltar al contenido

Minificar CSS y JS en CodeIgniter de manera eficiente

Después de mucho batallar pudimos hallar el arreglo de este asunto que ciertos de nuestros usuarios de este espacio han presentado. Si deseas compartir alguna información puedes compartir tu información.

Solución:

¿Por qué no usar Grunt? Puede configurar algunas tareas para concatenar y minimizar los archivos JavaScript. Lo hice yo mismo para un proyecto de CodeIgniter y funcionó bien. Aquí hay un tutorial.

Grunt es una herramienta basada en Node.js, pero dado que estarías haciendo la compilación en tu máquina de desarrollo, esto no debería ser un problema: no necesitarás tener Node en el servidor. La idea es que antes de confirmar sus cambios, ejecute la tarea de compilación que concatena y minimiza su JavaScript y CSS. Luego, su confirmación incluye los archivos minificados y los envía al servidor.

Aquí hay un archivo Grunt que usé para mi proyecto CodeIgniter:

module.exports = function(grunt) 

    grunt.initConfig(
        concat: 
            dist: 
                src: ['static/bower_components/skeleton/stylesheets/*.css', 'static/css/style.css'],
                dest: 'static/css/main.css'
                
            ,
        uglify: 
            dist: 
                src: 'static/js/main.js',
                dest: 'static/js/main.min.js'
                
            ,
        cssmin: 
            dist: 
                src: 'static/css/main.css',
                dest: 'static/css/main.min.css'
                
            
        );

    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-cssmin');
    grunt.registerTask('build', ['concat', 'uglify', 'cssmin']);
;

Y el archivo package.json:


  "name": "blah",
  "version": "0.0.1",
  "description": "A project",
  "devDependencies": 
    "grunt": "~0.4.0",
    "grunt-contrib-concat": "~0.3.0",
    "grunt-contrib-copy": "~0.4.1",
    "grunt-contrib-sass": "~0.5.0",
    "grunt-contrib-compass": "~0.6.0",
    "grunt-contrib-clean": "~0.5.0",
    "grunt-contrib-htmlmin": "~0.1.3",
    "grunt-contrib-cssmin": "~0.6.2",
    "grunt-contrib-coffee": "~0.7.0",
    "grunt-contrib-jst": "~0.5.1",
    "grunt-contrib-jshint": "~0.6.4",
    "grunt-contrib-uglify": "~0.2.4",
    "grunt-contrib-requirejs": "~0.4.1",
    "grunt-contrib-connect": "~0.5.0",
    "grunt-contrib-watch": "~0.5.3",
    "grunt-contrib-csslint": "~0.1.2",
    "grunt-contrib-compress": "~0.5.2",
    "grunt-contrib-handlebars": "~0.5.11",
    "grunt-contrib-jade": "~0.8.0",
    "grunt-contrib-stylus": "~0.8.0",
    "grunt-contrib-jasmine": "~0.5.2",
    "grunt-contrib-qunit": "~0.3.0",
    "grunt-contrib-imagemin": "~0.3.0",
    "grunt-contrib-less": "~0.7.0",
    "grunt-contrib-nodeunit": "~0.2.1",
    "grunt-contrib-yuidoc": "~0.5.0",
    "grunt-contrib": "~0.8.0"
  ,
  "author": "My Name",
  "license": "licensename"

Agradecemos que desees auxiliar nuestra función mostrando un comentario o puntuándolo te damos la bienvenida.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *