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