webpack從0開始---（二）

標籤：install   開始   人生   編寫   命令列   module   web   自己   添加   

直接使用webpack進行打包

安裝css loader，style loader（用來處理打包css檔案）

命令列輸入npm install css-loader style-loader --save-dev

建立一個js檔案，裡面內容隨便編寫一個函數即可（例：demo.js）

然後在命令列工具中輸入webpack demo.js demo.bundle.js

這樣就打包好了一個js檔案。

相應的，準備好一個css檔案（例：demo.css）

在demo.js頂部添加 require(‘./demo.css‘)

命令列中輸入 webpack demo.js demo.bundle.js --module-bind "css=style-loader!css-loader‘

這樣css檔案也就被打包進demo.js裡啦...

 

你的人生永遠不會辜負你的，那些轉錯的彎，那些走錯的路，那些留下的淚水，那些滴下的汗水，那些留下的傷痕，全都讓你成為獨一無二的自己。

webpack從0開始---（二）