01 vue项目 使用sass - minhuaF/vue-douban-movie GitHub Wiki

vue项目 使用sass

以下配置基于 vue2.0, webpack 2.0

  1. 安装依赖
yarn add node-sass --save-dev
yarn add sass-loader --save-dev
  1. 配置webpack.config.js文件，添加对应的sass配置
yarn add --save-dev css-loader sass-loader style-loader
 rules: [
   {
     test: '/\.scss$/',
     loaders: ["style", "css", "sass"]
   }
 ]
  1. 如果需要在vue文件中style标签中使用scss，需要声明
 <style lang="scss" scoped="" type="text/css"></style>

ps: vue1.0 的写法

 <style lang="scss" rel="stylesheet/scss"></style>

  1. 我使用的是 VSCode 编辑器，故如果要在 .vue 文件中style中编写scss的话，需要安装插件

    参考 文档 使用的是 vetur

⚠️ **GitHub.com Fallback** ⚠️