Webpack 4 學習08(壓縮優化css)

2022-09-12 00:36:31 字數 510 閱讀 1317

壓縮css,去除注釋

引數

意義assetnameregexp

正規表示式,用於匹配需要優化或者壓縮的資源名。預設值是

/.css$/g

cssprocessor

用於壓縮和優化css 的處理器,預設是 cssnano.

cssprocessorpluginoptions

傳遞給cssprocessor的外掛程式選項,預設為{}

canprint

表示外掛程式能夠在console中列印資訊,預設值是true

discardcomments

去除注釋

new optimizecssassetsplugin(}]

},canprint:true

})

執行打包命令之後就可以壓縮

webpack --mode development

webpack4學習筆記 一)

在js檔案中我們用import引入各種模組的時候,瀏覽器是不會識別的,我們可以用webpack把這些模組打包到一塊再進行執行,直白的說webpack就是模組打包工具 總共有兩種方式 步驟 const path require path module.exports 補充 如果我們不想讓webpack...

學習webpack4 基礎配置

學習webpack4 基礎配置 學習webpack4 html處理 學習webpack4 樣式處理 學習webpack4 es6語法轉化 學習webpack4 第三方庫的使用 學習webpack4 抽離公共 yarn init y 初始化專案 yarn add webpack webpack cli...

學習webpack4 基礎配置

學習webpack4 基礎配置 學習webpack4 html處理 學習webpack4 樣式處理 學習webpack4 es6語法轉化 學習webpack4 第三方庫的使用 學習webpack4 抽離公共 yarn init y 初始化專案 yarn add webpack webpack cli...