vue+webpack配置scss

1、package中添加依赖

css-loader【作用:使@import和url()实现require()】

style-loader 【作用:使计算后的样式加入页面中】

node-sass

sass-loader

2、webpack配置文件

rules中添加

    {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          loaders: {
            'scss': 'style-loader!css-loader!sass-loader'
          }
        }

      }

3、使用


你可能感兴趣的:(scss,vue,webpack)