13篇文章 · 12345字 · 3人關(guān)注
-
# webpack學習筆記之十三 - cross-env 使用webpack 的執(zhí)行環(huán)境是 node.js 在 node.js 執(zhí)行環(huán)境中,在所有模塊里都可以訪問到一個全局進程變量 process 在 pr...
-
webpack 學習筆記之十二 -- externals非常尬的場景 比如: 今天在開發(fā)一個 vue 項目的時候,發(fā)現(xiàn)了一個比較蛋疼的點. 某個 dom 元素使用 refs 的方式不很好獲取. 于是就...
-
webpack 學習筆記之十一 hash chunkhash contenthash
一.hash是什么? hash 是一種散列算法. 它可以將[任意長度的二進制數(shù)]據(jù)映射成[較短的固定長度的]二進制值. 它的原理很簡單,所有的數(shù)...
-
webpack 學習筆記之十一 -- postcss-loader
首先市面上有很多瀏覽器.然后它們的內(nèi)核都不一樣. -webkit-: 谷歌,蘋果 -moz-: 火狐 -ms-: ie -o-: 歐朋 內(nèi)核不一...
-
webpack 學習筆記之十, webpack-spritesmith 雪碧圖.前端開發(fā)的過程中,會有很多的小圖標. 一般這些小圖片都是以 .png結(jié)尾的背景透明的圖片. 這些小圖標一般應(yīng)用于一些按鈕或者其他元素的圖片. 比...
-
webpack 學習筆記之八,壓縮css,js,image資源.
我們已經(jīng)可以利用 webpack , 將入口文件entry.js 中依賴 樣式(import xx.css|xx.less|xx.stylus)...
-
webpack 學習筆記之七,圖片處理.在前端開發(fā)中,圖片是經(jīng)常使用到的資源. 在使用圖片的時候,我們一般會有兩種方式. 使用圖片地址 url 使用 base64 編碼. 對于小圖片而...
-
webpack學習筆記之六,extract-text-webpack-plugin在上一節(jié)中,我學到了. 使用 style-loader 搭配 css-loader less-loader stylus-loader . 可...
-
webpack學習筆記之五 -- css-loader - stylus-loader在上一篇中,學習了 css-loader 這個組件. 它的作用在于. 在使用 webpack 打包的時候. 如過碰到 import xxx.cs...
