原因：webpack只能打包處理JS類型的文件，無法處理其他非JS類型的文件；
如果要處理其他類型文件，需要手動安裝一些 第三方loader 加載器；
配置處理css樣式表的第三方loader
1.如果要處理css文件，需要安裝 cnpm i style-loader css-loader -D兩個插件
2.打開webpack.config.js這個配置文件，在裏面，新增一個 配置節點，叫做module，他是一個對象；
在上面有一個rules屬性，是個數組，存放了所有第三方文件的匹配和處理規則
3.在rules數組裏加入 {test:/\.css$/,use:['style-loader','css-loader']}
module:{
rules:[
{test:/\.css$/,use:['style-loader','css-loader']} //處理配置css文件的第三loader
]
}
4.在main.js裏導入css文件
import './css/index.css'
配置less第三方loader：
1.安裝less-loader和less
cnpm i less-loader -D
cnpm i less -D
2.在module的rules里加入配置信息
{test:/\.less$/,use:['style-loader','css-loader','less-loader']}
配置scss第三方loader：
1.安裝sass-loader和node-sass
cnpm i sass-loader -D
cnpm i node-sass -D
2.在module的rules里加入配置信息
{test:/\.scss$/,use:['style-loader','css-loader','sass-loader']}