在vue项目中使用sass(适用于vue-cli脚手架项目)

  1. 进入项目目录:
C:\Users\PC>cd  XXX/XXXX/xxx  //你的项目目录
  1. 安装sass的依赖:
npm install --save-dev sass-loader
npm install --save-dev node-sass
  1. 在build文件夹下的webpack.base.conf.js的rules里面添加配置(和其它配置项形式一样即可):
{
  test: /\.sass$/,
  loaders: ['style', 'css', 'sass']
}
  1. 在使用sass的vue文件的
<style lang="scss">
  1. 然后正常运行项目即可。

猜你喜欢

转载自blog.csdn.net/Rob_gao/article/details/83585287