zoukankan      html  css  js  c++  java
  • 如何应用r.js对requirejs下的js代码合并

    1、在根目录新建build.js

    ({
        baseUrl:'js',
        paths:{
                    jquery:'static/jquery-1.10.2.min',
                    underscore:'static/underscore',
                    bootstrap:'static/bootstrap'
                },
        shim:{
                    'bootstrap':['jquery']
                },
        name:'main',
        out:'js/main-build.js'
    
    })

    2、cmd下找到项目所在目录 执行 node r.js -o build.js

    C:xampphtdocs	est
    equire>node r.js -o build.js

    3、合并成功

    Tracing dependencies for: main
    Uglifying file: C:/xampp/htdocs/test/require/js/main-build.js
    
    C:/xampp/htdocs/test/require/js/main-build.js
    ----------------
    C:/xampp/htdocs/test/require/js/static/jquery-1.10.2.min.js
    C:/xampp/htdocs/test/require/js/static/underscore.js
    C:/xampp/htdocs/test/require/js/static/bootstrap.js
    C:/xampp/htdocs/test/require/js/cache.js
    C:/xampp/htdocs/test/require/js/main.js

    4、修改data-main 引用生成的main-build.js

    <script data-main="main-build" src="require.js"></script>

    5、查看网络

    大功告成!

    详细的build.js配置参见: https://github.com/jrburke/r.js/blob/master/build/example.build.js

    css

    none  不压缩,仅合并

    standard  标准压缩 去换行、空格、注释

    standard.keepLines  除标准压缩外,保留换行

    standard.keepComments  除标准压缩外,保留注释

    standard.keepComments.keepLines  除标准压缩外,保留换行和注释

     node r.js -o cssIn=css/main.css out=css/built.css optimizeCss=standard
     
     
  • 相关阅读:
    Python-24-Django(Model Form、Ajax、上传文件、KindEditor)
    P23-Django-model、Form补充 & 序列化
    P22-Django-Session、CSRF、Form、信号
    21-Python-Django进阶补充篇
    Python-Django进阶
    Python-18-Django 基础篇
    17-前端开发之jQuery
    15-前端开发之JavaScript
    14-前端开发之CSS
    14-前端开发之HTML
  • 原文地址:https://www.cnblogs.com/junwu/p/4997635.html
Copyright © 2011-2022 走看看