JS

Использование webpack в сборке.

Оглавление страницы:

Gulp таск

Файлы js собираются таском ./gulp/tasks/webpack.js.

Иерархия файлов

Файловая структура js содержит скрипты документации и сайта, выглядит следующим образом:

./src/js
├── components
└── main.js

components - содержит js скрипты;
main.js - главный файл объединяющий все скрипты.

Каталог components

Пример создание компонента:

// Файл code.js
import Clipboard from "clipboard";

const code = () => {
  const clipboard = new Clipboard(".code-block__button", {
    target: (trigger) => trigger.parentElement.nextElementSibling,
  });

  clipboard.on("success", (evt) => {
    let { text } = evt;

    if (text[0] === "$") {
      text = text.replaceAll("$ ", "");
    }

    navigator.clipboard.writeText(text);

    evt.clearSelection();
  });
};

export default code;

Пример подключения компонента:

// Файл main.js
import code from "@/components/code";

code();