requireJs sass侧边栏

Posted 2020-08-08

koala 下载 将sass编译为css文件

RequireJS 为什么使用

1、有效的防止命名冲突

2、声明不同js文件之间的依赖

3、可以让我们的代码以 模块化 的方式组织

RequireJS常用方法

1、requirejs.config  定义别名

main.js  入口文件  <script src=‘js/require.js‘ data-main=‘js/main‘></script>  (在.html中  加载完require.js文件之后 立即调用的文件是入口文件 用data-main的方式)

reuirejs.config({
       paths:{
               jquery:‘jquery-1.11.3.min‘
    }
});    

requirejs([‘jquery‘],function($){
      $("body").css(‘background-color‘,‘red‘);
});

 

2、requirejs

3、define  编写模块   将一个个功能定义成模块

validate.js  将密码校验功能 编译成一个模块 相当于一个文件

define([‘jquery‘],function($){
    return {
          isEmpty:function(){},
          checkLength:function(){},
          isEqual:function(str1,str2){
                 return str1 ===str2;    
} 
        }
});

　　在入口文件main.js内引入validate模块

reuirejs.config({
       paths:{
               jquery:‘jquery-1.11.3.min‘
    }
});    

requirejs([‘jquery‘,’validate‘],function($,validate){
      console.log(validate.isEqual(1,2));
});