Обратите внимание, что ваш $ base-color на самом деле красный.Используйте .blue-bar { @include mdc-top-app-bar-fill-color(#0000ff); } или любой другой синий цвет вместо
Для получения информации о компиляции scss для css прочитайте Краткое руководство по началу работы .Это делает использование unpkg ненужным.По сути, вы хотите настроить webpack для объединения ваших файлов scss в один файл css.Обратите внимание, что в webpack.config.js у вас есть 2 пути вывода.
module.exports = [{
entry: './app.scss',
output: {
// This is necessary for webpack to compile
// But we never use style-bundle.js
filename: 'style-bundle.js',
},
module: {
rules: [
{
test: /\.scss$/,
use: [
{
loader: 'file-loader',
options: {
//This is where you specify the output for your bundled css file.
//outputPath specifies where the file is stored (i'm doing this from my head so unsure about pathing)
//Name is the filename.
outputPath: './css'
name: 'bundle.css',
},
},
{ loader: 'extract-loader' },
{ loader: 'css-loader' },
{ loader: 'sass-loader' },
]
}
]
},
}];