webpack入门第二篇
程序员文章站
2022-07-12 19:18:43
...
今天是webpack第二篇文章,跟第一篇文章有关联。现在让我们继续学习。
还是跟官网有关,从官网入手
http://webpack.github.io/docs/tutorials/getting-started/
今天的学习内容是引用require,这是node.js里自带的,可以直接引用。那么开始我们的学习吧。
1、新建文件夹demo2,进入demo2文件夹,按住shift,然后右键弹出命令行。
2,新建文件 content.js
module.exports = "It works from content.js.";
3、新建文件 entry.js
document.write(require("./content.js"));
4、新建index.html
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript" src="bundle.js" charset="utf-8"></script>
</body>
</html>
5、那么下面又是webpack的时间到了,在命令行内输入
webpack ./entry.js bundle.js
6、运行index.html查看结果。
这是webpack第二篇博客,很简单吧,这跟官网讲的是一样的,英文好的话可以直接研究官网。如果觉得英文困难,可以看我的下篇文章,会持续更新。