1. 程式人生 > >webpack入門第二篇

webpack入門第二篇

今天是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第二篇部落格,很簡單吧,這跟官網講的是一樣的,英文好的話可以直接研究官網。如果覺得英文困難,可以看我的下篇文章,會持續更新。