就目前pc端項目來講：
這是模板文件：
這是入口文件：
image.png
entries里面的每一個文件夾是一個入口，包含著一個js和一個css.
在js 中，引入css/scss的方式就是按照當前的目錄層級，
image.png
然后在模板中這樣引入打包后的js和css
image.png
image.png
好奇過為什么引用的名字和我項目里的文件名不一樣？
是按照入口名字來引用的，入口文件夾里的文件名字叫什么都無所謂。這個可以在webpack配置文件中進行配置。
如果一個入口文件夾中有多個js（實際上沒這個必要），也會打包成一個js。
js里面的import **css,保證了打包的時候，可以找到相應css進行摘出打包。
剛剛遇到一個疑問，webpack打包之前是如何引用到js和css的呢？
我原來一直不知道run dev的時候會默認執行build。。。只不過run dev的build不會把css單拎出來，會在執行的js當中加載。
實際上，我們設置的webpack的監聽，就是能隨時監控代碼發生變化就進行重新編譯。
