IP屬地：河南
-
-
-
2021-01-06如何優(yōu)雅的判斷元素是否進入當前視區(qū)
正文 使用元素位置判斷元素是否在當前視區(qū) 這種方法實現(xiàn)起來比較簡單， 我們一步一步來。首先：編寫一個 util 函數(shù) isVisible，它將僅接收一個參數(shù)，即 elemen...
-
loader打包樣式相關的靜態(tài)文件（上）注意 loader配置好以后，是按照從下到上，從右到左的配置順序執(zhí)行的。 假如有一個index.css文件，里邊內容是這樣的 然后，我把這個css文件引入JS文件 這個時候，...
-
2020-12-02Webpack 與瀏覽器緩存( Caching )（4.10.2）實際上，當我們打包之后，生成的dist目錄下的這幾個文件，應該是交給后端放到服務器上，服務器上就可以運行這些文件。假設，我們已經把代碼放到了服務器上運行了 假如我們我們現(xiàn)在的...
-
2020-12-02Webpack 與瀏覽器緩存( Caching )（4.10.1）假如我們同時引入了lodash和jquery 然后運行打包npm run build,這個時候會報一個文件過大的警告 出現(xiàn)警告的原因是因為同時引入兩個庫，打包生成的文件會比較...
-
2020-12-03環(huán)境變量的使用方法(4.12)webpack 打包的過程中，怎么使用一些環(huán)境變量呢？ 我們之前分了3個配置文件image 然后我們在package.json這個包文件里，定義了3個命令分別是開發(fā)環(huán)境的命令...
-
2020-12-02 CSS 文件的代碼分割（4.92）之前總結的代碼分割都是針對JS代碼的，如果要對CSS代碼進行代碼分割，要怎么辦呢？借助MiniCssExtractPlugin插件 在我們沒有配置這個插件的時候，webpac...
-
-
2020-11-30prefetching 和 preloading(4.81)我們知道，webpack種chunks的默認配置是async，也就是說webpack默認只對異步代碼進行代碼分割。為什么會這樣呢？ 之前，我們引用的jquery或lodash...
-
2020-11-30 打包分析工具的使用（4.8）什么是打包分析？ 打包分析指的是，當我們用webpack對代碼進行打包之后，我們可以借助一些打包分析工具，來對我們打包生成的文件進行一定的分析，看下webpack打包是否合理...
-
2020-11-30Chunk 是什么？（4.7）webpack打包的過程種，生成的JS文件，每一個JS文件我們都把它叫做Chunk。 我們可以看下打包的過程 main.js的chunk Name是mainvendors~l...
-
2020-11-30Lazy Loading 懶加載（4.7）
假如src目錄下index.js里，有代碼如下： 當前異步代碼是，只要頁面一運行，就會生成一個元素，加載到頁面上。我們可以改造 一下index.js代碼如下： 我們打開 目錄...
-
2020-11-27 Webpack 和 Code Splitting(4.3)本節(jié)用開發(fā)環(huán)境做代碼的打包也就是運行npm run dev但是如果用webpack-dev-server啟動一個服務器的話我們就看不到打包生成的內容了為了方便能看到開發(fā)環(huán)境打...
-
2020-11-27 Develoment 和 Production 模式的區(qū)分打包(4.2)一、development（開發(fā)環(huán)境）當我們在開發(fā)項目的時候，一般是用development環(huán)境進行項目的開發(fā)，在這個打包環(huán)境下，webpack中我們使用了devServer...