vue中引用less&sass

1. less

 安装命令：
       cnpm install less less-loader --save-dev

//在webpack.config.js 中的rules中添加：
 ,{
                test: /\.less$/,
                use: [{
                    loader: "style-loader" // creates style nodes from JS strings
                }, {
                    loader: "css-loader" // translates CSS into CommonJS
                }, {
                    loader: "less-loader" // compiles Less to CSS
                }]
            },

组件中使用：
        style标签中加入属性： rel='stylesheet/less' lang='less' scoped

2.sass：

 安装命令：
      cnpm install sass node-sass sass-loader --save-dev

// 在webpack.config.js 中的rules中添加：
                ,
                    {
                    test: /\.scss$/,
                    use: [
                        'vue-style-loader',
                        'css-loader',
                        'sass-loader'
                    ],
                    },
                    {
                    test: /\.sass$/,
                    use: [
                        'vue-style-loader',
                        'css-loader',
                        'sass-loader?indentedSyntax'
                    ],
                    }

组件中使用：
                style标签中加入属性： lang='scss' scoped