webpack入门第二篇

来源:互联网 发布:怪物猎人x数据库多玩 编辑:程序博客网 时间:2024/05/16 05:36

今天是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第二篇博客,很简单吧,这跟官网讲的是一样的,英文好的话可以直接研究官网。如果觉得英文困难,可以看我的下篇文章,会持续更新。

原创粉丝点击