WebPack: как настоить подключение SVG файлов, чтобы они собирались в виде inline-SVG?

Алексей Павлов: Нет.

Webpack. Url-loader возвращает косячный url, в чём проблема?

Я не очень хорошо знаю webpack. Видимо да, как модуль, если ты о url-loader.

module: {
      loaders: [
          { test: /\.css$/,
          loader: "style-loader!css-loader"
        }
        , { test: /\.styl$/,
          loader: "style-loader!css-loader!stylus-loader?paths[]=node_modules&paths[]=app"
        }
        , { test: /\.ls$/,
          loader: "livescript-loader"
        }
        , { test: /\.jade$/,
          loader: "jade-loader"
        }
        , { test: /\.json$/,
          loader: "json-loader"
        }
        , { test: /\.ttf(?:\?v=[\d.]+)?$/,
          loader: "file-loader"
        }
        , { test: /\.svg(?:\?v=[\d.]+)?$/,
          loader: "file-loader"
        }
        , { test: /\.(png|jpg|gif)$/,
          loader: 'url-loader?limit=8192'
        }
      ]
}

Как используя JavaScript нарисовать SVG окружность по заданным ширине\высоте блока?

jsfiddle.net/qnmy8kay/1
В данном случае окружность рисуется не заливкой(fill="none"), а контуром большой толщины. играя параметрами stroke-dasharray и stroke-dashoffset можно добится желаемого(если я правильно понял задачу).

Как используя JavaScript нарисовать SVG окружность по заданным ширине\высоте блока?

Неполная окружность в смысле полукруг/четверть-круг? Какие вариации вообще могут быть, опиши подробней? Подумаем, может есть другие варианты, path как то коряво для такой задачи.
dasharray можно применить ко всем фигурам и тексту, не только к линии.

WebPack: как настоить подключение SVG файлов, чтобы они собирались в виде inline-SVG?

Спасибо, посмотрю.