Мне нужно глобально применить reset.scss в приложении веб-пакета, которое сбрасывает поля, границы, отступы и т. Д.
Я не могу понять, как это правильно сделать.Я пробовал оба sass-loader
module.exports = {
// [...]
module: {
rules: {
// [...]
{
test: /\.scss$/,
use: [
"vue-style-loader",
"css-loader",
{
loader: "sass-loader",
options: {
data: `@import "./src/styles/base/_reset.scss";`
}
}
]
}
}
}
}
... и sass-resources-loader :
module.exports = {
// [...]
module: {
rules: {
// [...]
{
test: /\.scss$/,
use: [
"vue-style-loader",
"css-loader",
"sass-loader",
{
loader: 'sass-resources-loader',
options: {
resources: [
"./src/styles/base/_reset.scss",
]
},
},
]
}
}
}
}
Обарешения не работают.Они делают доступными переменные или миксины, определенные в указанных файлах .scss, для других компонентов (без необходимости повторного импорта файлов scss).Но то, что я хочу сделать, это просто применить reset.scss глобально ко всему приложению, как при включении файла .css в файл index.html.
Пожалуйста, объясните правильный способ сделать это в веб-пакете.применение.