欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

相关标签: webpack