2017-07-27 44 views
0

有:製作HTML閱讀需要的圖案JS

project 
    |- consume_script.js 
    |- index.html 

需要的index.html是這樣的:

<html> 
    <head> 
    </head> 
    <body> 
    <script src="consume_script.js"></script> 
    </body> 
</html> 

問題:

consume_script.js需要故宮的「卡夫卡節點」。 HTML

//consume_script.js 
var kafka = require('kafka-node'), 
     Consumer = kafka.Consumer, 
     client = new kafka.Client("127.0.0.1:2181"), 
     consumer = new Consumer(... 
... 

了開幕index.html時:

Uncaught ReferenceError: require is not defined

最簡單的辦法,使HTML 「接受」 一個需要在腳本調用? 如果可能的話,針對這個特定案例的解決方案。

+0

在前端開發中使用'require'需要使用['requirejs'](http://requirejs.org)庫。不過,我建議你看看['webpack'](https://webpack.js.org/),它包含'requirejs' – Xatyrian

回答

0

require是一種節點功能,一種導入另一種js代碼的方式,它將它放在<script src="consume_script.js"></script>之前的腳本標籤中,這不是最佳做法,但它可能適用於這種情況。如果你真的想在前端腳本中使用require,你可以看看一些基於節點的cli作爲gulp。