接上一篇：

在webpack-test1文件夾下邊創(chuàng)建一個文件hello.js

然后在命令行敲下代碼

webpack hello.js hello.bundle.js

先輸入需要打包的文件名稱 然后是打包后的文件名稱

打包成功以后你會看到下邊這樣的一段代碼：有Hash，webpack版本號，還有這次打包花費的時間

接下來我們再創(chuàng)建一個bye.js文件,其中包括hello.js的引用

?在bye中創(chuàng)建簡單的函數(shù)

在hello.js中對bye.js進行引用，引用方式采用require的方式

這樣再執(zhí)行一遍代碼會出現(xiàn)兩個模塊

接下來我們創(chuàng)建一個css文件，并且在hello.js中進行引用

但是在引用之前需要先安裝兩個loader,因為webpack本身是不支持css文件的

接下來在hello.js中進行引用

接下來創(chuàng)建一個demo.html文件進行展示整個頁面

我們就可以在頁面里看到效果了！

?這樣你是看到頁面里樣式是通過style標(biāo)簽進行引用的

那是不是每次我們都要通過這樣進行引用呢？

?

不是的 我們可以在命令行進行操作：

?

轉(zhuǎn)載于:https://www.cnblogs.com/AndyZhang1993/p/6651202.html

總結(jié)

以上是生活随笔為你收集整理的webpack初学笔记 之 小案例篇demo1的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。