Lastor
@Lastor
Wed, Aug 16, 2023 7:03 AM
coding
靠...... 想殺人，同事跟我說我才注意到，本來兩個 input 之間會有個間隔 (如下圖)，遷移到 vite 之後，這個間隔不見了
Lastor
@Lastor
Wed, Aug 16, 2023 7:03 AM
我找了超久，css 比對半天，完全一樣
Lastor
@Lastor
Wed, Aug 16, 2023 7:03 AM
那為啥那個間隔不見了??
Lastor
@Lastor
Wed, Aug 16, 2023 7:04 AM
後來弄兩個原生 input 去比對，也是都一樣，那為什麼 webpack 那邊有間隔
Lastor
@Lastor
Wed, Aug 16, 2023 7:04 AM
最後去看 render 出來的 html 原始碼才發現......
Lastor
@Lastor
Wed, Aug 16, 2023 7:04 AM
這樣的 html
<input />
<input />
Lastor
@Lastor
Wed, Aug 16, 2023 7:05 AM
vite 這邊渲染出來會完全 minify
<input /><input />
Lastor
@Lastor
Wed, Aug 16, 2023 7:05 AM
webpack 那邊渲染出來，會去斷行但留下一個空格
<input /> <input />
Lastor
@Lastor
Wed, Aug 16, 2023 7:05 AM
WTF!? 我一直以為是 CSS 的問題，找得快吐了
Lastor
@Lastor
Wed, Aug 16, 2023 7:45 AM
===========
解決, vue 有編譯設定可以控制 whitespace 要如何處理
https://github.com/...
Lastor
@Lastor
Wed, Aug 16, 2023 7:46 AM
vite 可以直接在 vue 的 plugin 加設定，webpack 是在 vue-loader 可以設定
Lastor
@Lastor
Wed, Aug 16, 2023 7:46 AM
而這問題應該是 vite/plugin-vue2 跟 vue-loader 的預設值不一樣
Lastor
@Lastor
Wed, Aug 16, 2023 7:46 AM
他們背後都是用 vue-template-compiler 處理的
載入新的回覆
<input />
<input />
<input /><input />
<input /> <input />
解決, vue 有編譯設定可以控制 whitespace 要如何處理
https://github.com/...