如何在 requirejs 里引入 jQuery


(方方) #1

首先,requirejs 的文档里写得一清二楚,你读不懂就只能看我的教程了。

1 在 requirejs.config 里写上 jquery 的路径

// 假设 jquery-min.js 位于 js/lib/jquery-min.js
requirejs.config({
    baseUrl: 'js/lib',  // 路径1
    paths: {
        jquery: 'jquery-min' // 路径2
    }
});

// 只要 路径1 + 路径2 = jquery 的路径 就行了,所以你写成下面这样也对

requirejs.config({
    baseUrl: 'js',  // 路径1
    paths: {
        jquery: 'lib/jquery-min' // 路径2
    }
});

// 你甚至可以不写 baseUrl

requirejs.config({
    paths: {
        jquery: 'js/lib/jquery-min' // 路径2
    }
});

2 使用 jQuery

require(['jquery'], function(xxx){ 
  console.log(xxx)  // xxx 可以改成任何其他名字,比如 $
})

// 睁大你的双眼,是 jquery 不是 jQuery

结论:不会英语是你最大的问题。

还有 requirejs 很烂,有很多潜规则,比如所有模块名应该小写,所以 jQuery 要写成 jquery


(方方) #3

(cinyearchan) #4

但是jquery相关的插件该怎么办么,方老师,绝大部分插件是不符合AMD规范,还有插件之间的相互依赖


(方方) #5

用 webpack
不符合规范的一律不用