webpack入門demo(二)打包css

2021-08-29 01:51:09 字數 663 閱讀 4975

模組開發,在我看來就是把乙個檔案模組的資料拿出來,另乙個檔案接收這個資料,就是特麼不寫在一起……對小專案來說,有點多此一舉的感覺

commonjs規範讓js也可以寫後端,連資料庫,寫介面

require

exports

匯入匯出定義模組

講這個好像跟webpack沒什麼關係……如果寫過node專案的話應該可以理解

如何匯入css樣式模組:

cd到course-webpack資料夾

cnpm i css-loader -d

cnpm i style-loader -d

在同級資料夾寫個style.css

在entry.js的最後加乙個require樣式檔案

console.log("這是入口");

var msg="今天真開心";

//在最後加這個require

require("./style.css")

建立乙個webpack.config.js檔案

module.exports=,

module:]}

}

webpack entry.js bundle.js  再次打包

執行index.html  就會發現你的style.css生效啦!

入門webpack 二)webpack概論

從官網 github 上的描述可以看到webpack可以將眾多模組打包成很少的的資源,將 分割成細小的部分這樣使應用程式按需要載入 塊。通過loader,webpack可以處理的模組有很多,amd定義的模組,commonjs,css,images,scss等以及自定義模組。webpack自身只能處理...

rocketmq 入門(二)實戰demo

參考文章 rocketmq實戰 啟動rocketmq的namesrv 啟動rocketmq的broker 建立乙個簡單的springboot專案 pom4.0.0 com.squid.rocketmq rocketmq test 1.0 snapshot org.springframework.bo...

webpack 完整入門學習筆記(二)

在第一節配置webpack的配置檔案,這一節我們就對裡面一些配置進行一下探索,entry入口檔案配置可以配置字串,也可以配置陣列,也可以配置物件 其中字串模式和陣列都可以算作是單頁面入口 字串 const config 陣列 const config 發現這樣寫,並沒有什麼卵用,好像只載入了第乙個,...