在vue中使用scss以及让项目运行后自动在浏览器打开

第一步：npm install --save-dev sass-loader
第二步：npm install --save-dev node-sass
第三步：在build文件夹中找到webpack.base.conf.js，在rules中添加以下代码

 {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
 }

配置完成后在页面的style标签对中写入lang=‘scss’
第四步：运行项目npm run dev
npm run dev后项目不能自动在浏览器中打开
此时找到config文件夹下的index.js修改其中的autoOpenBrowser为true，保存重新运行项目即可。