11 loader - 配置處理scss文件的loader

1.裝包

cnpm i sass-loader -D

peerDependencies WARNING sass-loader@* requires a peer of node-sass@^4.0.0 but none was installed
peerDependencies WARNING sass-loader@* requires a peer of sass@^1.3.0 but none was installed
peerDependencies WARNING sass-loader@* requires a peer of fibers@>= 3.1.0 but none was installed

使用npm安裝sass-loader一般是安裝不下來的，所以使用cnpm安裝

cnpm i node-sass -D

2.配置規則

module:{//這個節點，用於配置所有第三方模塊加載器
        rules:[//所有第三方模塊的匹配規則           
            {test:/\.scss$/,use:['style-loader','css-loader','sass-loader']},//配置處理.scss文件的第三方loader規則
        ]
    }

注意：webpack 1.x版本匹配規則可以省略loader

     rules:[//所有第三方模塊的匹配規則           
         {test:/\.scss$/,use:['style','css','sass']},//配置處理.scss文件的第三方loader規則
        ]