webpack

復(fù)習(xí) webpack
入口 entry webpack 導(dǎo)入文件的起點
出口 output 導(dǎo)出到哪兒
插件 plugin 處理事情
加載器 loader 加載處理特殊文件


插件
加載器

css-loader : 處理和分析css依賴
style-loader : 把css插入到header文中
less
less-loader : 處理less文件
mini-css-extract-plugin 把css抽出為一個單獨的文件
optimize-css-assets-webpack-plugin 優(yōu)化css和css資源
html-webpack-plugin 處理html模板
webpack-dev-server webpack本地服務(wù)器
webpack webpack
webpack-cli webpack腳手架

sourceMap
可以知道源代碼在哪一行錯誤,sourceMap是一個map關(guān)系;

Prefetch
Prefetch是告訴瀏覽器這是一個在未來可能使用到的資源。 瀏覽器通常會在空閑狀態(tài)取得這些資源,在取得資源之后擱在HTTP緩存以便于實現(xiàn)將來的請求

壓縮
optimize-css-assets-webpack-plugin css優(yōu)化壓縮
uglifyjs-webpack-plugin js壓縮

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • webpack 是什么? 本質(zhì)上,webpack 是一個現(xiàn)代 JavaScript 應(yīng)用程序的靜態(tài)模塊打包器(mo...
    IT老馬閱讀 3,564評論 2 27
  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本號 vue-c...
    tengrl閱讀 3,875評論 0 0
  • 全局安裝webpack 全局安裝webpack會有個問題,就是當你有兩個項目依賴于不同版本的webpack,就會有...
    説好的妹紙呢閱讀 1,963評論 0 11
  • 前端將大型項目分成一個個單獨的模塊,一般封裝好的每個模塊都會實現(xiàn)一個目的明確的完成的功能。如何處理這些模塊以及模塊...
    pixels閱讀 3,511評論 1 14
  • 介紹 1. 背景 最近和部門老大,一起在研究團隊【EFT - 前端新手村】的建設(shè),目的在于:幫助新人快速了解和融入...
    IT小鮑閱讀 453評論 0 1

友情鏈接更多精彩內(nèi)容