vue2.0引入sass的时候使用import引入报错

解决方法：

删除webpack.base.conf.js rules对/\.scss$/的配置

因为

rules: [{

    test: /\.vue$/,

    loader: 'vue-loader',

    options: vueLoaderConfig

}]

vue2.0内已经对loader进行了默认的配置  只需要正确安装即可使用

请使用

npm install style-loader sass-loader node-sass --save-dev

来安装   尽量不要单一安装

中间遇到一些情况   我将node_modules删除  重新 npm install了

请记住   如果要用import 来引用scss文件  一定不要忘记在webpack.base.conf.js  resolve 中配置extensions

eg:

resolve: {

    extensions: ['.js', '.vue', '.json', '.jsx', '.css', '.scss'],

    alias: {

        'vue$': 'vue/dist/vue.esm.js',

        '@': resolve('src'),

        'components': resolve('src/components'),

        'assets': resolve('src/assets')

    }

}

本文为小然子原创文章,转载无需和我联系