2

我使用 Webpack 已经有一段时间了，但它对我来说有点过于广泛了。这就是为什么我想从 Parcel 开始，以了解捆绑项目的基础知识。

假设我有一个基本的 index.html 文件，它有一个指向 JavaScript 文件的链接。

在这个 javascript 文件中，我有几个依赖项导入。

它应该看起来有点像这样。

索引.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>

和 script.js

import "../styles/sass/main.scss";
import is from "is_js";

const myString = "Hello World";

现在，当我使用捆绑 index.html 文件时

包裹捆绑 index.html --public-url 。

我想使用 chrome 开发人员工具控制台来控制台（从控制台）一些 javascript，例如myString

但是由于 parcel 将所有内容都捆绑在一个函数中，因此无法访问此变量并且控制台返回：

未捕获的 ReferenceError：未在 :1:1 定义部分

我如何仍然使用 parcel 作为捆绑处理器在控制台内调试我的项目？

4

0 回答 0