浏览器控制台未使用Webpack'；s开发服务器

我正在使用网页包的开发服务器。它可以很好地加载一个工作页面，但是我无法访问浏览器控制台中的JavaScript变量。例如，如果JavaScript文件中包含以下内容：

const body = document.querySelector('body');

然后在我的浏览器控制台中输入

body

，表示未定义

即时通讯使用网页3.5.5（最新版本）。我正在从my package.json运行构建脚本：

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack",
    "watch": "webpack --watch",
    "start": "webpack-dev-server --open"
  },

在我的webpack.config.js中，我指定了devServer，但是删除它似乎没有什么区别

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');

module.exports = {
  entry: './src/script.js',
  /*
  devServer: {
    contentBase: './dist'
  },
  */

---

这是一个配置问题，还是有其他方法可以访问JavaScript变量

我认为这是预期的行为。Webpack将script.js文件的内容包装到一个模块中。您在其中声明的任何变量都将是私有的。如果需要在浏览器控制台中访问变量，可以将其附加到

窗口

对象

const body = document.querySelector('body');
window.body = body;