WebPack模块化开发

最新推荐文章于 2024-06-27 17:59:38 发布

__HelloWorld__

最新推荐文章于 2024-06-27 17:59:38 发布

阅读量1.2k

点赞数

文章标签：模块化 webpack javascript

本文链接：https://blog.csdn.net/kangkanglou/article/details/52780384

版权

<span style="font-family:Microsoft YaHei; font-size:18px">p.js</span>

module.exports.print = function(){	
	console.log("print in p.js");
}

module.exports.test = function(args0){
	console.log("agrs0 = " + args0);
	return args0 + 1;
}</span>

s.js

module.exports.print = function(){
	console.log("print in s.js");
}
var p = require("./p.js");
module.exports.add = function(args0,args1){
	console.log("args0 = " + args0+", args1 = " + args1);
	return p.test(args0) + p.test(args1);
}</span>

main.js

var s = require("./s.js");
init = function(args0,args1){	
	return s.add(args0,args1);
}</span>

WebPack

index.html

<!DOCTYPE html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <script type="text/javascript" src="bundle.js" charset="utf-8"></script>
		<script>
			alert(init(2,3));
		</script>
    </body>
</html></span>