webpack採坑指南

2021-10-05 14:53:57 字數 1087 閱讀 6187

準備: webpack官方教程

在完成起步後向管理資源進發,時候你可能會遇到乙個錯誤unexpected character

解決方法 :

如果你頁面的title使用的是中文名字的話,那麼你會看到頁籤的顯示也亂碼了解決方法是在頁面中加入編碼格式 如下:

<

!doctype html>

起步<

/title>

"utf-8"

>

"">

<

/script>

<

/head>

"./src/index.js"

>

<

/script>

<

/body>

<

/html>

在管理輸出- 清理 /dist資料夾中會遇到乙個報錯

原因 : 「clean-webpack-plugin」: 「^3.0.0」 3.0及以上寫法改變了

// 載入

const

=require

('clean-webpack-plugin');

// 使用

plugins:

[new

cleanwebpackplugin()

,new

htmlwebpackplugin()

]

熱更模組替換這裡的坑點就更多了

a) 首先前面用的是 webpack-dev-middleware 形式的服務, 這裡直接開講webpack-dev-server形式的**, 簡直把我想的不要太聰明, 折騰了半天也沒搞懂webpack-dev-middleware應該怎麼配置,於是把**按照下面的webpack-dev-server重新寫了一遍。熱更提換其實主要講的是**改變後瀏覽器的內容會自動更新, 主要是module.hot.accept再起作用,可以將webpack-dev-serve版的**全部寫好後重啟服務,然後注釋掉**驗證那些是可以更新的。

b)如果更新了webpack.config.js檔案,那麼需要重啟服務才行

webpack採坑十連跳

4.css js一同打包進html 依賴內聯外掛程式 htmlwebpackinlinesourceplugin 3.dev prod 環境去除eslint驗證 build webpack.base.conf.js 2.本地資源打包 html css中放入 src assets目錄 相對位址正常寫 ...

採坑記錄switch坑

speed 0 switch speed speed 初始化為0後,你猜最終列印的結果是誰,最終列印的是150 因為switch條件的case判斷時只會有兩種結果,true false 初始化speed為0 走到第乙個case裡面,speed 不大於等於100 返回false,坑來了,因為初始值為0...

Tomcat採坑記錄

關於編碼 tomcat容器執行環境有自己的預設編碼,跟本地main方法測試環境的預設編碼可能不一樣,有時候本地測試正確的同樣 放到tomcat容器裡面就會出現中文亂碼。本地測試正常 bufferedreader br new bufferedreader new filereader tes.txt...