webpack 4 - 專題 - 簡(jiǎn)書

投稿

webpack 4

收錄了11篇文章 · 3人關(guān)注

Webpack 4 學(xué)習(xí)11（用clean-webpack-plugin來清除文件）
當(dāng)我們修改帶hash的文件并進(jìn)行打包時(shí)削咆，每打包一次就會(huì)生成一個(gè)新的文件白指，而舊的文件并沒有刪除。為了解決這種情況涩金，我們可以使用clean-webp...

0.1 邢走在云端 2 2 1
Webpack 4 學(xué)習(xí)09（打包生成html）
所需插件 html-webpack-plugin 本教程基于已經(jīng)搭建好的webpack環(huán)境，詳見 Webpack 4 學(xué)習(xí)01（基礎(chǔ)配置...

0.1 邢走在云端 0 2

Webpack 4 學(xué)習(xí)10 (運(yùn)用webpack插件拷貝靜態(tài)文件(copy-webpack-plugin))
安裝插件npm install --save-dev copy-webpack-plugin 配置webpack.config.js頭部引入插件...

0.1 邢走在云端 0 2
Webpack 4 學(xué)習(xí)08（壓縮優(yōu)化css）
壓縮css,去除注釋安裝插件npm install --save-dev optimize-css-assets-webpack-plugin...

0.2 邢走在云端 0 2
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語法的模塊侦香，...

0.1 邢走在云端 0 1
Webpack 4 學(xué)習(xí)07（提取分離打包c(diǎn)ss）
前面講過將css文件引入到j(luò)s文件中，然后一起打包成js文件纽疟，現(xiàn)在我們學(xué)習(xí)單獨(dú)提取分離css并且打包罐韩。安裝插件min-css-extract...

0.1 邢走在云端 0 1
Webpack 4 學(xué)習(xí)05（打包c(diǎn)ss）
webpack 自身只理解 JavaScript，想讓 webpack 能夠去處理那些非 JavaScript 文件污朽，我們將使用到loader...

0.1 邢走在云端 0 1

Webpack 4 學(xué)習(xí)01（基礎(chǔ)配置）
一散吵、安裝配置【前提】安裝node.js環(huán)境【官網(wǎng)下載】https://nodejs.org/zh-cn/安裝教程不贅述創(chuàng)建項(xiàng)目文件夾例如創(chuàng)建...

0.3 邢走在云端 3 3
Webpack 4 學(xué)習(xí)02（使用配置文件進(jìn)行打包）
上一講中我們打包沒有用到webpack.config.js配置文件，webpack4把自己定位為一個(gè)零配置的工具。這一講學(xué)習(xí)配置文件使用错蝴，更好地...

0.1 邢走在云端 0 1
Webpack 4 學(xué)習(xí)03（配置入口和出口的進(jìn)階使用）
前提：知道webpack4的基礎(chǔ)配置以及如何使用配置文件進(jìn)行打包第一講 Webpack 4 學(xué)習(xí)01（基礎(chǔ)配置）一洲愤、單出口形式 webpack...

0.1 邢走在云端 0 1