Могу ли я использовать SASS и LESS в Vue js

«Конечно, вы можете»

Однако я отговариваю вас сделать это, потому что вы собираетесь предварительно обрабатывать стили дважды, с разными препроцессорами (областями, именами классов, неожиданными странными ошибки), вам придется отлаживать ваш код, чтобы убедиться, что он работает правильно.

Перемещение вперед: в зависимости от вашей настройки Vue, конфигурации, необходимой для веб-пакета (в случае, если вы используете это, но gulp, grunt и т. д.) тоже. У вас есть.

В случае, если webpack просто добавляет конфигурацию для Sass в ваш {projectRoot}/webpack.config.js, внутри массива module rules. vue rule:

  {
    test: /\.vue$/,
    loader: 'vue'
  }, 
  // CODE GOES HERE =====>
  {
      test: /\.s[a|c]ss$/,
      loader: 'style!css!sass'
  }

И в вашей опции vue в том же файле (создайте, если у вас его нет, должна быть установлена ​​опция module):

vue: {
    loaders: {
      scss: 'style!css!sass'
    }
  }

---

Вы должны установить node-sass и css-loader и sass-loader и style-loader ...

$ npm install --save-dev node-sass css-loader sass-loader style-loader