webpack圖片壓縮image-webpack-loader沒法安裝或安裝卡死的解決辦法

webpack 中使用圖片壓縮能極大的減小包的大小，對於前端來講也是一個重要的優化點。當前有不少方法均可以實現，不過既然使用 webpack 那咱們就應該再懶一點，一次配置之後就無論了，多好，哈哈哈

這裏就推薦使用 image-webpack-loader，還有像 img-loader 和 imagemin-webpack-plugin 等其實底層調用的藉口都是相似的。image-webpack-loader 使用也很簡單隻須要配置一個 loader 便可

{
    test: /\.(png|gif|jpe?g|svg)$/i,
    exclude:[path.resolve(process.cwd(), 'src/assets/css')],
    use: [
        {
            loader: 'url-loader',
            options: {
                limit: 1024,
                name: '[hash:8].[ext]',
                useRelativePath: false,
                outputPath: function(fileName){
                    return 'assets/images/'+fileName
                }
            }
        },
        {
            loader:'image-webpack-loader'
        }
    ]
}

不過呢，再安裝的時候確出了毛病。原本在上班的電腦是好的，結果回家後死活都裝不了，在install的時候直接卡死，半天不動。唉心累，找了各類辦法原本打算放棄，無心間看到有人說可使用 cnpm 試試，因而就抱着試試的心態，一試果真成功了，哈哈哈，美滋滋！

具體操做

一、若安裝過 image-webpack-loader 先卸載

yarn remove image-webpack-loader   // npm uninstall image-webpack-loader

二、使用 cnpm , 這一步意思就是安裝 cnpm 而後將全局的 registry 設置成阿里的鏡像，國內阿里比較快

npm install cnpm -g --registry=https://registry.npm.taobao.org

三、使用 cnpm 安裝  image-webpack-loader 會發現很快就安裝好了，【手動滑稽】

cnpm install --save-dev  image-webpack-loader

注：若是先前嘗試使用 yarn 或 npm 安裝過，必定要先卸載掉用 cnpm 安裝

祝你成功！