Как настроить Webpack для работы с Vue-компонентами на Pug и Stylus

Я хочу использовать в своих Vue-компонентах шаблоны на Pug и стили на Stylus. Как правильно настроить Webpack, чтобы он обрабатывал такие файлы? Какие лоадеры нужно установить и как их подключить в конфигурации? Нужно ли что-то менять в настройках vue-loader?

Алина Павлова•11 июля 2026 г.

1 ответ

Ответить

юзаю vue-cli, там всё просто: ставишь `pug pug-plain-loader stylus stylus-loader`, в компонентах пишешь `<template lang="pug">` и `<style lang="stylus">`, вебпак сам подхватывает. Если ручная сборка — в `vue-loader` вон тот же принцип, главное лоадеры не забыть.

Оксана Щербакова•12 янв.

Как настроить Webpack для работы с Vue-компонентами на Pug и Stylus

1 ответ

Ваш ответ

Похожие вопросы