模組開發,在我看來就是把乙個檔案模組的資料拿出來,另乙個檔案接收這個資料,就是特麼不寫在一起……對小專案來說,有點多此一舉的感覺
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 發現這樣寫,並沒有什麼卵用,好像只載入了第乙個,...