webpack學習1 webpack打包報錯

2022-05-11 19:41:17 字數 515 閱讀 2353

在打包時,出現了報錯;

檢查自己的webpack版本是:4.22.0,發現是自己的webpack版本太高,之前的命令已經不適用了,後來改用命令:webpack src/entry.js -o dist/bundle.js

可以看到entry.js已經被打包為了bundle.js檔案,但是,這個並沒有打包成功! 因為打包的時候沒有出現紅色的error了,但是還有黃色的警告.如下圖.

黃色部分的警告的意思是,沒有設定模式,有開發模式和生產模式兩種,接下來,找到package.json.新增上"dev"和"build"這兩個資訊以及他們的值.

記錄一次webpack3公升級到webpack4過程

公升級之前也參考了一些網上的教程。借鑑之,進行的自己的公升級。一些版本為什麼設為那個版本號也是參考別人的結果。整體是按照先公升級npm run dev 在公升級npm run build的順序。首先公升級webpack,在package.json檔案中將webpack版本號修改為4.8.1。webp...

webpack基礎配置 1

1.webpack配置 開啟我們在上文中操作的資料夾,webpackdemo dist node modules src index.html index.js package.json package lock.json 為了後期檔案便於管理,並且webpack的預設配置的打包入口檔案就是src資...

webpack效能優化(1)

對於一些庫檔案,在使用webpack打包時我們可以將他們排除,然後再使用cdn的方式引入,比如jquery const path require path const htmlwebpackplugin require html webpack plugin module.exports plugi...