webpack用法1

標籤：webpack

1. 建立檔案夾，按住shift右擊選擇在此處開啟命令視窗。

2. npm init

3. npm install webpack --save-dev

4. 建立hello.js檔案，function hello(str){ alert(str); }

5. webpack hello.js hello.bundle.js 

6. 建立world.js檔案 function world(){ return { } }

7. 改hello.js為 require("./world.js");

8. 運行

9. 建立style.css      body{background:#ccc;}

10. 改hello.js為require("style-loader!css-loader!./style.css");

11. npm install css-loader style-loader --save-dev

12. 建立index.js檔案<script src="hello.bundle.js"></script>  hello.js檔案加上hello(‘hello world!‘)；

    
    

webpack用法1