需要来自bower_components的JS文件，说“require（'library'）”可能吗？

Question

我是RequireJS的新手，似乎它可能实际上不可能，但我仍会继续问我，以防我错过了什么。

在文档中它说..

此设置假定您将所有JavaScript文件保存在项目的“脚本”目录中。

• 项目目录/
  • project.html
  • 脚本/
    • main.js
    • 帮手/
      • util.js中

但是如果我必须要求bower_components中的bower安装文件中的文件怎么办：

• 项目目录/
  • bower_components /
    • jQuery的鼠标滚轮
      • jquery.mousewheel.js
    • lodash
      • DIST
        • lodash.js

如您所见，并非所有库都具有相同的目录层次结构和命名约定。

所以我想知道是否有一种简单的方法来要求这些凉亭库而不知道他们的主要文件在哪里，也许只是说

require('jquery-mousewheel');
require('loadash');

？

Answer 1

设置您的requirejs配置以使用路径

requirejs.config({
    // ... config ...
    paths: {
        jquery-mousewheel: 'bower_components/jquery-mousewheel/jquery.mousewheel',
        loadash: 'bower_components/lodash/dist/lodash' 
    }
    // ... config ...
});

文件供参考

Answer 2

我认为这是一个更好的解决方案 ......

requirejs.config({
  baseUrl: 'bower_components/',
  paths: { // path to your app
    app: '../'
  }
});

requirejs( [
  'imagesloaded/imagesloaded',
  'app/my-component.js'
], function( imagesLoaded, myComp ) { 
  imagesLoaded( '#container', function() { ... });
});