如何还原webpack打包的js代码

### 回答1：
要还原 Webpack 打包后的 JavaScript 代码，可以使用 source-map。source-map 可以将打包后的代码映射回原始的代码，使调试更加方便。

你可以在 webpack 配置文件中设置 devtool 选项来生成 source-map：

module.exports = {
  // ...
  devtool: 'inline-source-map',
  // ...
};

然后，在浏览器中打开调试器，单击打包后的代码文件，即可看到原始的 JavaScript 代码。

请注意，这种方法仅适用于开发环境，不适用于生产环境，因为生成的 source-map 文件会增加代码体积，降低性能。

### 回答2：
要还原经过webpack打包的js代码，可以按照以下步骤进行操作：

1. 确认项目的webpack配置文件位置，通常为项目根目录下的webpack.config.js文件。打开该文件，可以查看到webpack的配置选项。

2. 首先需要安装依赖项，以便能够还原打包的代码。在命令行中切换到项目根目录下，然后运行以下命令安装webpack和相关插件：

npm install webpack webpack-cli --save-dev

3. 配置一个简单的webpack.config.js文件，在其中指定入口文件和输出路径。例如：

const path = require('path');

module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist'),
},
};

4. 使用webpack命令进行打包，将原始代码打包成bundle.js文件。在命令行中输入以下命令：

npx webpack --config webpack.config.js

等待webpack完成打包操作后，会生成一个bundle.js文件，存放在配置的输出路径（dist文件夹）中。

5. 在网页中直接引入还原过的bundle.js文件，即可使用还原后的代码。

<script src="dist/bundle.js"></script>

通过以上步骤，就可以还原经过webpack打包的js代码。首先配置webpack.config.js文件，然后使用webpack命令进行打包，最后将生成的bundle.js文件引入到网页中即可。这样就能够还原被打包处理过的代码。