在聚合物组件中包含browserify-ed js;缺少'要求'

时间:2016-09-14 15:38:11

标签: polymer browserify

我要做的是定义一个实用功能模块,对其进行浏览 并将其用于聚合物组件中。由于这篇文章: require is not defined error with browserify 明确表示需要'我只需要在bundle(xx.js)的范围内定义 帮助弄清楚如何访问我的导出功能。

这是要点:

file:x.js

module.exports = function() {console.log("hi");}

我跑

browserify x.js> xx.js

file xx.js(已编辑)

(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require==...
  module.exports = function() {console.log("hi");}
},{}]},{},[1]);

我的聚合物成分(编辑)

<link rel="import" href="../../bower_components/polymer/polymer.html">
<script type="text/javascript" src="xx.js"></script>

<dom-module id="Hello-app">
  <template> </template>

  <script>
    Polymer({
      is: 'Hello-app',
      ready: function() {/* how do I access the function here, so it prints "hi" */}
    });
  </script>
</dom-module>

1 个答案:

答案 0 :(得分:1)

啊,我应该更仔细地阅读browserify的文档。 我只需要'-r'选项,如下所示:

  browserify -r ./x.js:hello > xx.js

现在我可以修改ready:line来读取

  ready: function() {require('hello')()},