webpack4SCSS提取和懶加載的示例-創(chuàng)新互聯(lián)

本節(jié)課講解在webpack v4中的 SCSS 提取和懶加載。值得一提的是，v4和v3在 Scss 的懶加載上的處理方法有著巨大差別。

成都創(chuàng)新互聯(lián)公司是一家以網(wǎng)絡技術公司，為中小企業(yè)提供網(wǎng)站維護、成都網(wǎng)站設計、成都網(wǎng)站制作、網(wǎng)站備案、服務器租用、申請域名、軟件開發(fā)、成都微信小程序等企業(yè)互聯(lián)網(wǎng)相關業(yè)務，是一家有著豐富的互聯(lián)網(wǎng)運營推廣經驗的科技公司，有著多年的網(wǎng)站建站經驗，致力于幫助中小企業(yè)在互聯(lián)網(wǎng)讓打出自已的品牌和口碑，讓企業(yè)在互聯(lián)網(wǎng)上打開一個面向全國乃至全球的業(yè)務窗口：建站歡迎來電：13518219792

>>> 本節(jié)課源碼

>>> 所有課程源碼

1. 準備工作

關于 SCSS 處理的基礎，請參考webpack4 處理 SCSS。

本節(jié)課主要涉及 SCSS 在懶加載下提取的相關配置和插件使用。

下圖展示了這次的目錄代碼結構：

為了實現(xiàn) SCSS 懶加載，我們使用了extract-text-webpack-plugin插件。

需要注意，在安裝插件的時候，應該安裝針對v4版本的extract-text-webpack-plugin。npm 運行如下命令：npm install --save-dev extract-text-webpack-plugin@next

其余配置，與第六課相似。package.json配置如下：

{
 "devDependencies": {
 "css-loader": "^1.0.0",
 "extract-text-webpack-plugin": "^4.0.0-beta.0",
 "node-sass": "^4.9.2",
 "sass-loader": "^7.0.3",
 "style-loader": "^0.21.0",
 "webpack": "^4.16.0"
 }
}

當前文章：webpack4SCSS提取和懶加載的示例-創(chuàng)新互聯(lián)
本文URL：http://chinadenli.net/article28/ehjcp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、靜態(tài)網(wǎng)站、Google、外貿網(wǎng)站建設、虛擬主機、自適應網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

webpack4SCSS提取和懶加載的示例-創(chuàng)新互聯(lián)