• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
    問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
    當前位置: 首頁 - 科技 - 知識百科 - 正文

    怎樣使用gulp自動優化requireJS的項目

    來源:懂視網 責編:小采 時間:2020-11-27 20:01:30
    文檔

    怎樣使用gulp自動優化requireJS的項目

    怎樣使用gulp自動優化requireJS的項目:這次給大家帶來怎樣使用gulp自動優化requireJS的項目,使用gulp自動優化requireJS的項目的注意事項有哪些,下面就是實戰案例,一起來看一下。{ "name": "gulp-requireDemo", "version": &qu
    推薦度:
    導讀怎樣使用gulp自動優化requireJS的項目:這次給大家帶來怎樣使用gulp自動優化requireJS的項目,使用gulp自動優化requireJS的項目的注意事項有哪些,下面就是實戰案例,一起來看一下。{ "name": "gulp-requireDemo", "version": &qu

    這次給大家帶來怎樣使用gulp自動優化requireJS的項目,使用gulp自動優化requireJS的項目的注意事項有哪些,下面就是實戰案例,一起來看一下。

    { 
     "name": "gulp-requireDemo", 
     "version": "0.0.0", 
     "scripts": { 
     "test": "echo \"Error: no test specified\" && exit 1" 
     }, 
     "author": "feier", 
     "license": "ISC", 
     "dependencies": { 
     "amd-optimize": "^0.4.3", //關鍵文件 與gulp與require集成 
     "gulp": "^3.8.10", //gulp主文件 
     "gulp-concat": "^2.4.2", //文件合并 
     "gulp-imagemin": "^2.0.0", //圖片壓縮 
     "gulp-jshint": "^1.9.0",//js檢查 
     "gulp-less": "^2.0.1", //less編譯 
     "gulp-minify-css": "^0.3.11",//css壓縮 
     "gulp-rename": "^1.2.0",//重命名 
     "gulp-uglify": "^1.0.2",//文件壓縮 
     "imagemin-pngcrush": "^4.0.0" 
     }, 
     "main": "index.js", 
     "directories": { 
     "test": "test" 
     }, 
    }

    gulpfile.js文件

    //引入gulp 
    var gulp = require('gulp'); 
     
     
    //引入組件 
    var concat = require('gulp-concat');//合并 
    var jshint = require('gulp-jshint'); //js規范驗證 
    var uglify = require('gulp-uglify');//壓縮 
    var rename = require('gulp-rename'); //文件名命名 
    var amdOptimize = require("amd-optimize"); //require優化 
    var watch = require('gulp-watch'); 
    //腳本檢查 gulp.task('lint', function () { 
     gulp.src('./src/js/**/*.js') 
     .pipe(jshint()) 
     .pipe(jshint.reporter('default')); 
    }); 
    //require合并 
    gulp.task('rjs', function () { 
     gulp.src('./src/js/**/*.js') 
     .pipe(amdOptimize("main", { //require config 
     paths: { 
     "jquery": "../../libs/jquery/dist/jquery.min", 
     "jquery.serializeJSON": "../../libs/jquery.serializeJSON/jquery.serializejson.min", 
     "sug": "src/js/suggestion/suggestion", 
     "validate": "../util/src/js/util/validate", 
     "urlParam": "../util/src/js/util/url.param" 
     }, 
     shim: { 
     "jquery.serializeJSON": ['jquery'] 
     } 
     })) 
     .pipe(concat("index.js")) //合并 
     .pipe(gulp.dest("dist/js")) //
    輸出保存 .pipe(rename("index.min.js")) //重命名 .pipe(uglify()) //壓縮 .pipe(gulp.dest("dist/js")); //輸出保存 }); gulp.task('default', function () { //監聽js變化 gulp.watch('./src/js/**/*.js', function () { //當js文件變化后,自動檢驗 壓縮 //gulp.run('lint', 'scripts'); gulp.run('lint', 'rjs'); }); });

    相信看了本文案例你已經掌握了方法,更多精彩請關注Gxl網其它相關文章!

    相關閱讀:

    怎樣設置默認打開360極速模式

    怎樣讓Vue Es6解析為Es5語法

    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    怎樣使用gulp自動優化requireJS的項目

    怎樣使用gulp自動優化requireJS的項目:這次給大家帶來怎樣使用gulp自動優化requireJS的項目,使用gulp自動優化requireJS的項目的注意事項有哪些,下面就是實戰案例,一起來看一下。{ "name": "gulp-requireDemo", "version": &qu
    推薦度:
    標簽: 項目 自動使用 req
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 99久久精品免费国产大片| 久久国产精品久久精品国产| 99久久免费国产精精品| 久久精品成人免费观看97| 国产精品岛国久久久久| 少妇人妻偷人精品免费视频| 久久久久九国产精品| 99国产精品国产免费观看| 99精品热这里只有精品| 亚洲一区爱区精品无码| 久久精品二区| 国产精品自在欧美一区| 四虎国产精品免费观看| 国产精品亚洲一区二区三区在线| 无码国内精品久久人妻麻豆按摩| 98香蕉草草视频在线精品看| 日韩精品免费在线视频| 国产伦精品一区二区三区女| 国产亚洲精品精华液| 少妇精品久久久一区二区三区| 亚洲精品A在线观看| 亚洲AV永久无码精品一区二区| 精品久久久无码中文字幕天天| 国产精品综合久成人| 国产精品 视频一区 二区三区| 在线电影国产精品| 亚洲一二成人精品区| 日韩精品免费在线视频| 青青青国产精品国产精品久久久久 | 亚洲av日韩精品久久久久久a| 久久国产午夜精品一区二区三区| 国产精品午夜福利在线无码| 9999国产精品欧美久久久久久| 亚洲国产综合精品中文第一区 | 精品91自产拍在线观看| 国产色精品vr一区区三区| 国产午夜精品一区二区三区不卡| 国产亚洲精品无码拍拍拍色欲| 久久久久久久久久久免费精品| 亚洲国产高清精品线久久 | 无夜精品久久久久久|