webpack 第二部分

　　默認根目錄　　當前項目

　　修改目錄　　devServer

　　devServer:{

　　　　open:true,　　//自動打開瀏覽器

　　　　port:3000,　　// 端口

　　　　contentBase:"dist",　　　　// 配置服務的根目錄

　　　　hotOnly:true　　　　// 從新加載可是不刷新頁面（可是我沒成功。。。）

　　}

　　loader　　解析過程當中所依賴的包

　　css 解析的包　　style-loader　　css-loader

　　咱們的寫法儘可能採用這種，方便傳參

　　module.exports={　　　

　　　　rules: [
　　　　　　{
　　　　　　　　test: /\.css$/i,
　　　　　　　　use:[
　　　　　　　　　　　　{
　　　　　　　　　　　　　　loader:"style-loader"
　　　　　　　　　　　　},
　　　　　　　　　　　　{
　　　　　　　　　　　　　　loader:"css-loader"　　　　// 就好比我想在這傳遞參數，也方便

　　　　　　　　　　　　　　options:{}
　　　　　　　　　　　　}
　　　　　　　　]
　　　　　  }　　

　　　　　   ]

　　}

　　less 須要的包  less 　　less-loader　　// 在 npm 官網查看方法

　　es6 須要的包　　babel-loader　　@babel/core　　@babel/prevet-env

　　關於圖片背景　　file-loader　　這個就是好東西，不要下 url-loader 和 img-loader 太噁心，他的功能就徹底能夠代替他們