ParcelJS, использовать консоль Chrome с комплектным проектом? - PullRequest
0 голосов
/ 18 октября 2018

Я уже некоторое время пользуюсь 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

Как я все еще могу отлаживать свои проекты внутри консоли, используя пакет в качестве процессора пакетов?

...