webpack初學基礎筆記

1.webpack默認配置文件:webpack.config.js

可通過webpack  --config 指定配置文件

2.webpack配置包括:

3.webpack環境搭建

a.安裝node

b.安裝webpack

4.一個簡單的例子

a.首先建立一個文件:webpack.config.js

b.接着編寫內容

 

c.創建一個src文件夾存放代碼

d.在src下創建index.js入口文件

在創建一個例子文件寫個簡單的測試 

效果:

入口文件事根目錄下的index.js

輸出文件在當前目錄下的dist文件下,文件名稱叫做bundle.js

打包命令:./node_modules/.bin/webpack

爲了看效果,可以再dist下面建立一個html文件

效果:

由於打包命令比較長那麼如何簡化命令?爲什麼平時我們打包的命令不是這一串?

由於我們每一次局部安裝一個東西的時候都會在nodeodule/.bin創建一個軟連接;

而packge.json默認是可以讀取到.bin目錄下的軟鏈接裏面的命令

所以簡化的命令就可以直接在package.json裏面的script裏面指定命令 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章