angular.js + ng-di + browserify

ผมอยากจะใช้ ng-di เฉพาะเวลาใช้ node.js เวลาใช้ web browser อยากใช้ angular.js ธรรมดา ๆ แล้วก็อยากจะ require module มาแบบ node.js ด้วย

ก็เลยมีโปรแกรมแบบนี้ k.js

var x = require('./angular');
console.log(x);

โปรแกรมข้างบนมันควรจะได้ทั้ง node.js และ web browser เริ่มจากปกติ angular.js มันใช้กับ node.js ไม่ได้ ผมไปใส่แบบนี้ไว้ในตัวไฟล์ angular.js

if(typeof window != 'undefined' && window.document) {
module.exports = angular;
} else {
module.exports = require('ng-di');
return;
}
/*
AngularJS v1.0 ....
....
....

อีกอย่างอย่าลืมลง ng-di ก่อน

แค่นี้ก็เรียก node k.js ได้แล้ว แต่ว่า web browser ยังใช้ไม่ได้

เริ่มจากไฟล์ index.html ก่อน

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="kk.js"></script>
</head>
<body>
</body>
</html>

แล้วสั่ง browserify k.js > kk.js

จากนั้นก็ใช้ได้เลย

ที่ทำมาก็คงมั่ว ๆ อะครับ …

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s