Question

我已经使用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>

和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

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

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

我仍如何使用包裹作为捆绑处理器在控制台中调试项目？

ParcelJS，将Chrome控制台与捆绑的项目一起使用吗？

0 个答案: