當(dāng)我們修改帶hash的文件并進(jìn)行打包時(shí)，每打包一次就會(huì)生成一個(gè)新的文件，而舊的文件并沒有刪除。為了解決這種情況，我們可以使用clean-webp...
投稿
收錄了11篇文章 · 3人關(guān)注
-
Webpack 4 學(xué)習(xí)11（用clean-webpack-plugin來清除文件）
-
Webpack 4 學(xué)習(xí)09（打包生成html）
所需插件 html-webpack-plugin 本教程基于已經(jīng)搭建好的webpack環(huán)境，詳見 Webpack 4 學(xué)習(xí)01（基礎(chǔ)配置...
-
Webpack 4 學(xué)習(xí)10 (運(yùn)用webpack插件拷貝靜態(tài)文件(copy-webpack-plugin))安裝插件npm install --save-dev copy-webpack-plugin 配置webpack.config.js頭部引入插件...
-
Webpack 4 學(xué)習(xí)08（壓縮優(yōu)化css）壓縮css,去除注釋 安裝插件npm install --save-dev optimize-css-assets-webpack-plugin...
-
Webpack 4 學(xué)習(xí)06（使用babel編譯ES6）
目前，ES6（ES2015）這樣的語法已經(jīng)得到很大規(guī)模的應(yīng)用，它具有更加簡(jiǎn)潔、功能更加強(qiáng)大的特點(diǎn)，實(shí)際項(xiàng)目中很可能會(huì)使用采用了ES6語法的模塊，...
-
Webpack 4 學(xué)習(xí)07（提取分離打包c(diǎn)ss）
前面講過 將css文件引入到j(luò)s文件中，然后一起打包成js文件，現(xiàn)在我們學(xué)習(xí)單獨(dú)提取分離css并且打包。 安裝插件min-css-extract...
-
Webpack 4 學(xué)習(xí)05（打包c(diǎn)ss）webpack 自身只理解 JavaScript， 想讓 webpack 能夠去處理那些非 JavaScript 文件，我們將使用到loader...
-
Webpack 4 學(xué)習(xí)01（基礎(chǔ)配置）一、安裝配置 【前提】安裝node.js環(huán)境【官網(wǎng)下載】https://nodejs.org/zh-cn/安裝教程不贅述 創(chuàng)建項(xiàng)目文件夾例如創(chuàng)建...
-
Webpack 4 學(xué)習(xí)02（使用配置文件進(jìn)行打包）上一講中我們打包沒有用到webpack.config.js配置文件，webpack4把自己定位為一個(gè)零配置的工具。這一講學(xué)習(xí)配置文件使用，更好地...
-
Webpack 4 學(xué)習(xí)03（配置入口和出口的進(jìn)階使用）
前提：知道webpack4的基礎(chǔ)配置以及如何使用配置文件進(jìn)行打包第一講 Webpack 4 學(xué)習(xí)01（基礎(chǔ)配置） 一、單出口形式 webpack...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/1722899/002b0b4bb73175048ec72f450fe47841.png', '推薦專題《webpack 4》（ 分享自 @簡(jiǎn)書 ）','http://www.itdecent.cn/c/d2905d9b82b6?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}