vue中使用sass的配置方法

1.使用vue-cli 构建vue项目 ,运行npm run dev,出现如下图所示:

2.运行如下命令

npm install --save-dev sass-loader

npm install --save-dev node-sass

3.build文件夹下的webpack.base.conf.js添加如下代码:

{
  test: /\.sass$/,
  loaders: ['style', 'css', 'sass']
}

4.修改style

<style lang="scss">

  

posted @ 2018-12-04 18:24  嘉儿2017  阅读(373)  评论(0编辑  收藏  举报