18 Star 32 Fork 3

hubcarl / smart-grunt

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

Grunt前端一体打包框架

1、支持HTML、CSS、JavaScript 压缩混淆

2、支持CSS、JavaScript 自动引用合并

3、支持image、js、css、html和变量引入

4、支持js、css、html 压缩合并,image压缩

5、简化grunt 打包操作,只需通过简单配置即可实现前端工程化

6、资源md5功能待实现

smart-grunt 5个命令介绍

smart_clean:目录文件清理

smart_copy: 文件复制到指定目录

smart_js: js文件合并,支持混淆压缩

smart_css: css文件合并,支持css压缩

smart_html: html文件中html、css、js inline处理、

任务初始化配置

grunt.loadNpmTasks('smart-grunt');

grunt.initConfig({

smart_clean: {
  all: ['dist/html/**']
},

smart_html: {
  generated: {
    options: {
      vars: {},
      srcRootDir: ['src','prototype'],
      exceptInline: ['css/global.css','framework/sdk/sdk-all-min.js'],
      compressJS:false,
      compressCss:false,
      compressHtml:false
    },
    files: [
      {
        expand: true,
        cwd: 'src',
        src: ['modules/**/*.*'],
        dest: 'dist/html'
      }
    ]
  }
},

smart_copy: {
  conf:{
    files: [
      {expand: true, cwd: 'src', src: ['conf/*.*'], dest: 'dist/html'}
    ]
  },
  js: {
    files: [
      {expand: true, cwd: 'src', src: ['commons/*.js'], dest: 'dist/html'}
    ]
  },
  css: {
    files: [
      {expand: true, cwd: 'prototype', src: ['css/*.css'], dest: 'dist/html'}
    ]
  },
  image: {
    files: [
      {
        expand: true,
        cwd: 'prototype',
        src: [
          'images/*.{png,jpg,jpeg,gif,webp,svg}'
        ],
        dest: 'dist/html'
      }
    ]
  }
},

smart_css:{
  generated:{
    files:[
      {
        src: [
          'src/style/list.css',
          'src/style/panel.css',
        ],
        dest:'dist/html/style/common.css'
      }
    ]
  }
},

smart_js:{
  generated:{
    files:[
      {
        src: [
          'src/framework/sdk/sdk-common.js',
          'src/framework/sdk/sdk-business.js',
        ],
        dest:'dist/html/framework/sdk/sdk-all-min.js'
      }
    ]
  }
}

);

注册任务

grunt.registerTask('dev', ['smart_copy:js', 'smart_copy:css', 'smart_copy:image', 'smart_js:generated','smart_html:generated']);

grunt.registerTask('prod', ['smart_copy:js:true', 'smart_copy:css:true', 'smart_copy:image:true', 'smart_js:generated:true','smart_html:generated:true']);

注意: html中css、js、images资源都用相对路程使用,这样能保证本地能直接运行。

空文件

简介

前端基础打包框架 1、支持HTML、CSS、JavaScript 压缩混淆 2、支持CSS、JavaScript 自动引用合并 3、支持模板include和变量引入 4、支持CSS、JavaScript内联 5、更多更能待完善....... 展开 收起
NodeJS
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
NodeJS
1
https://gitee.com/hubcarl/smart-grunt.git
git@gitee.com:hubcarl/smart-grunt.git
hubcarl
smart-grunt
smart-grunt
master

搜索帮助