Я уже некоторое время пользуюсь Webpack, но он был для меня немного шире.Вот почему я хотел начать с Parcel, чтобы собрать основы объединения проектов.
Допустим, у меня есть базовый файл index.html, который содержит ссылку на файл JavaScript.
В этом файле JavaScript у меня есть несколько импортов зависимостей.
Это должно выглядеть примерно так.
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>Helloo</h1>
<script src="script.js" type="text/javascript"></script>
</body>
</html>
и скрипт.js
import "../styles/sass/main.scss";
import is from "is_js";
const myString = "Hello World";
Теперь, когда я связываю файл index.html, используя
комплект посылок index.html --public-url.
Я хотел бы использовать консоль инструментов разработчика Chrome для консоли (из консоли) некоторого javascript, например, myString
Но поскольку посылка связывает все внутри одной функции, эта переменная недоступна, и консоль возвращает:
Uncaught ReferenceError: разделы не определены в: 1: 1
Как я все еще могу отлаживать свои проекты внутри консоли, используя пакет в качестве процессора пакетов?