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

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

0 голосов
/ 28 мая 2019

Я использую 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"; работает без этой ошибки, но также работает и без смены веб-пакета.

Есть ли какие-либо указания о том, как сделать это правильно?

...