Как импортировать библиотеку Sass (например, бурбон) в Vue.js

Я использую vue@2.6.10. Я изменил мой vue.config.js с помощью пакета includePaths для бурбона:

module.exports = {
  chainWebpack: (config) => {
    config.module.rule('scss').oneOf('vue-modules').use('sass-loader').options({
      includePaths: require('bourbon').includePaths
    });
  }
}

Я получаю ошибку, когда я @import "bourbon"; по моему

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

var path = require("path");
^
      Invalid CSS after "v": expected 1 selector or at-rule, was "var path = require("
      in /var/www/apps/wm-selector/node_modules/bourbon/index.js (line 1, column 1)

Импорт бросает бурбон index.js в, а не дерзость. @import "bourbon/core/_bourbon.scss"; работает без этой ошибки, но также и без изменения веб-пакета.

Любые указатели о том, как сделать это правильно?

0 ответов

Другие вопросы по тегам