Есть ли возможность инклудить scss и pug миксины в компоненты vue глобально?

Question

[Serzio]

У меня собственная сетка на scss миксинах, так же юзаю bemto. Как нибудь появилась возможность подключать их отдельно один раз, а не вставлять в каждый компонент? Использую nuxt.js во Vue..

Comments

[thehighhomie]

у sass, stylus есть)
https://cli.vuejs.org/guide/css.html#automatic-imports
https://cli.vuejs.org/guide/css.html#passing-optio...
если не разберетесь отпишите.

у pug не знаю) не сталкивался с такой нуждой.

[Serzio]

Спасибо! Пробовал и так и сяк... вот последняя версия:

let path = require('path');
module.exports = {
	module: {
		rules: [{
			test: /\.scss$/,
			use: [
				"style-loader",
				"css-loader",
				"sass-loader"
			]
		}]
	},
	sassLoader: {
		data: '@import "grid";',
		includePaths: [
			path.resolve(__dirname, "./assets/scss/vars")
		]
	}
};

файл grid.scss лежит по пути assets/scss/vars/grid.scss
Ошибок не выдает, но миксины не подхватывает :(

Answer 1

[Сергей delphinpro]

кусок из моего конфига

const sassLoaderOptions = {
    outputStyle: 'compressed',
    data       : '@import "./config.scss";',
};
 {
                test: /\.scss$/,
                use : [
                    'style-loader',
                    { loader: 'css-loader', options: cssLoaderOptions },
                    { loader: 'sass-loader', options: sassLoaderOptions },
                ],
            },

Comments

[Serzio]

спасибо! сейчас это делать легко, vue не стоит на месте :)
а pug миксины в общем то оказались не нужны

[Сергей delphinpro]

Serzio, ух ты, вопрос-то старый... Как я в него попал?? =)