Vuejs和scss或Sass

编辑:我应该提一下,因为Webpack必须加载这个文件,所以你应该在设置vue-cli时选择"使用Sass"选项.

编辑2:使用内置Sass/SCSS支持从头开始设置项目的步骤:

在您要放置新项目的目录中,运行: vue init webpack-simple your-dir-name

仔细按照提示操作并注意第四个选项(后author)询问"使用sass？(y/N)"

输入 y

您的项目现在已经为webpack配置了sass!:)

如果你忘了为现有项目做这件事,你可以从这里作弊:

https://github.com/vuejs-templates/webpack-simple/blob/master/template/webpack.config.js

rules: [
  {
    test: /\.vue$/,
    loader: 'vue-loader',
    options: {
      loaders: {
        'scss': 'vue-style-loader!css-loader!sass-loader',
        'sass': 'vue-style-loader!css-loader!sass-loader?indentedSyntax'
      }
    }
  },