webpack+vue-loader 在單獨.vue組件中使用sass-loader編譯sass報錯問題not a valid Win32 applictation

 

 

如果webpack配置沒有問題，在vue文件中編譯sass/scss報上面的錯誤，大概是由於node-sass安裝失敗，重新卸載安裝，

 

在國內安裝node-sass失敗的話，可以使用淘寶鏡像：

參考地址： https://npm.taobao.org/，

安裝cnpm：

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

安裝上cnpm后，可以使用：

cnpm install node-sass --save-dev

也可以不安裝cnpm，直接使用鏡像安裝：

npm install node-sass --save-dev --registry=https://registry.npm.taobao.org

如果是linux系統，前面可以加上sudo，

這樣就可以的安裝成功了，而且編譯sass也不報錯了，做個筆記記錄下。

 

最后付上webpack.config.js中vue-load的基本配置：

var path = require('path');

module.exports = {
    entry: path.resolve(__dirname, 'main.js'),
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: 'build.js'
    },
    module:{
        loaders:[{ test:/\.vue$/,loader:'vue'},
            { test:/\.js$/, loader:'babel',exclude:/node_modules/},
            {test: /\.css$/, loader: "style-loader!css-loader"},
            { test: /\.(scss|sass)$/, loader: 'style-loader!css-loader!sass-loader'}]
    },
    vue:{
        loaders:{
            js:'babel'
        }
    },
    babel:{
        presets: ['es2015','stage-0'],
        plugins: ['transform-runtime']
    }
}