前言 最近新起了一個多頁項目，之前都未使用 webpack4 ，於是准備上手實踐一下。這篇文章主要就是一些配置介紹，對於正准備使用 webpack4 的同學，可以做一些參考。 webpack4 相比之前的 2 與 3，改變很大。最主要的一點是很多配置已經內置，使得 webpack 能“開箱即用 ...

optimize-css-assets-webpack-plugin這個插件用來壓縮css文件。去掉css文件中的換行和空格。optimize-css-assets-webpack-plugin內置了cssnano,安裝了optimize-css-assets-webpack-plugin就不 ...

css-minimizer-webpack-plugin 這個插件也可以用來壓縮 css 文件。和 optimize-css-assets-webpack-plugin 加 cssnano 的效果是一樣的。 安裝 css-minimizer-webpack-plugin 配置 ...

安裝 webpack、vue npm i webpack webpack-cli -D npm i vue vue-router -S 在項目根目錄創建build文件夾，然后創建3個分別是webpack.base.conf.js、webpack ...

大概搞定了前端的部分，這一次就分享一下使用最新的webpack4怎么打包nodejs的多頁應用 歡迎大佬留 ...

通過參考網上的一些構建方法，當然也在開發過程中進行了一番實踐，最終搭建了一套適用於當前多頁應用的構建方案，當然該方案還處於draft版本，會在后續的演進過程中不斷的優化。 個人覺得該方案的演進過程相對於成果而言更值得記錄。但在此之前，我們先簡單介紹下項目的整體架構，這樣大家會更明白為什么要采用 ...

在webpack4中使用splitChunkPlugin時,根據需要將公共代碼拆分為多個依賴后,需要在創建htmlWebpackPlugin時候按需引入對應入口文件依賴的chunk。但是html-webpack-plugin的chunk配置項只能手動添加，在沒有得知拆分后的chunk情況下，無法 ...

摘自前端農民工的博客 讓我們先來看幾個網站： coding teambition cloud9 注意這幾個網站的相同點，那就是在瀏覽器中，做了原先“應當”在客戶端做的事情。它們的界面切換非常流暢，響應很迅速，跟傳統的網頁明顯不一樣，它們是什么呢？這就是單頁Web應用。 所謂單頁應用 ...