通过CLI汇总:作为外部依赖关系

时间:2016-08-25 19:27:33

标签: javascript bundle rollupjs

我试图用rollupjs将所有内容捆绑到一个文件中。

main.js档案:

import * as ex from 'example-export';

ex.alertMe();

example-export.js档案:

export function alertMe() {
    alert('alert!');
};

以下命令及其响应:

karl@karl-ux303ln:~/dev/sketch/experiment/socketio$ rollup ./public/js/main.js --output ./public/js/bundle.js --format iife --sourcemap inline
Treating 'example-export' as external dependency
No name was provided for external module 'example-export' in options.globals – guessing 'ex'

生成的bundle.js文件:

(function (ex) {
'use strict';

ex.alertMe();

}(ex));
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVuZGxlLmpzIiwic291cmNlcyI6WyJtYWluLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIGV4IGZyb20gJ2V4YW1wbGUtZXhwb3J0JztcblxuZXguYWxlcnRNZSgpOyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFFQSxFQUFFLENBQUMsT0FBTyxFQUFFLDs7In0=

我希望example-export模块包含在bundle.js文件中。由于这是一个非常新的东西,互联网缺乏适当的例子。

我希望这个问题与--name参数https://github.com/rollup/rollup/wiki/Command-Line-Interface#usage有关。但我无法弄清楚它应该如何使用。让我们说如果我有多个出口和进口,那看起来会怎么样?

2 个答案:

答案 0 :(得分:4)

相对路径

如果文件位于同一目录中:

import * as ex from './example-export';

通过NODE_PATH

如果设置了NODE_PATH env变量,那么您可以添加一个路径。

  • 如果NODE_PATH等于/home/karl/myprojects/mynodeproject/
  • 您尝试访问的库位于/home/karl/myprojects/mynodeproject/src/lib/my_library.js
  • 您正在撰写的当前正在尝试导入my_library的文件位于/home/karl/myprojects/mynodeproject/src/index.js

然后您可以在index.js中使用以下内容:

import * as ex from 'src/lib/example-export';

答案 1 :(得分:2)

我已经通过Rollup playground页面尝试了这个示例,只有我需要更改以使其正常工作才更改

import * as ex from 'example-export';

import * as ex from './example-export';

Take a look here