前端開發中經常用到webpack常用的sass-loader、style-loader、css-loader等loader，總是記不住其區別和作用。今特記錄、以備查詢
1.node-sass
其實之所以用到node-sass、是因爲sass-loader的緣故。sass-loader 是將sass文件編譯成css，而sass-loader又依賴於node-sass，所以需要安裝node-sass
npm install node-sass --save-dev
2.sass-loader
把sass/scss編譯成css。而該loader依賴於node-sass。而node-sass依賴於node，所以要注意node-sass和node之間的版本支持
npm install sass-loader --save-dev
3.style-loader
將 JS 字符串生成爲 style 節點、將樣式插入到style標籤
npm install style-loader --save-dev
4.css-loader
將 CSS 轉化成 CommonJS 模塊，例如url轉爲require等
詳解webpack