black1277

Есть такая опция - алиасы называется:

resolve: {
    extensions: ['.js'],
    alias: {
      '@': path.resolve(__dirname, 'src')
    },
  },

работало в webpack 4-й версии, в пятой я не пробовал. Заменяет в скрипте 'import @/path' на полный путь. Можно попробовать так же и с тильдой.

И почему вебпак компилирует sass в js файл, а не css?

потому что вы так его настроили.

это строка шаблона. В этом месте в нтмл будет подставлена переменная с именем title из плагина htmlWebpackPlugin. Сама переменная должна быть определена в опциях плагина. Читайте документацию github . Пример

plugins: [
  new HtmlWebpackPlugin({
    title: 'Custom template',
    // Load a custom template (lodash by default)
    template: 'index.html'
  })
]