vue引入scss

1、npm install --save-dev sass-loader node-sass （安装完后重新npm run dev）

2、如果还报错，就在build/webpack.base.config.js中加上

{
    test: /\.scss$/,
    use: [
        {
            loader: 'style-loader' // creates style nodes from JS strings
        },
        {
            loader: 'css-loader' // translates CSS into CommonJS
        },
        {
            loader: 'sass-loader' // compiles Sass to CSS
        }
    ]
}

vue文件.png

个人的scss.png

公共的scss.png

页面展示.png

目录树.png