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">

  

猜你喜欢

转载自www.cnblogs.com/amy2017/p/10065894.html