WEBAPCK打包器&源码泄露

最新推荐文章于 2025-05-19 10:37:14 发布

原创最新推荐文章于 2025-05-19 10:37:14 发布 · 362 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#web安全

项目实例

webpack.config.js打包文件

const path = require('path');

module.exports = {
    mode: 'development', // 设置为开发模式
    entry: './src/main.js', // 入口文件
    output: {
        filename: 'app.js', // 输出文件名
        path: path.resolve(__dirname, 'dist'), // 输出目录
    },
    devtool: 'source-map', // 配置 Source Map
};

项目原理

1、mode配置（开发者模式源码是直接可以看到的）

production（生产），development（开发），开发模式下会存在泄漏

还原：浏览器webpack://

2、devtool配置

参考：https://mp.weixin.qq.com/s/tLjSb5cinXawMEC7RfJEJQ

在使用webpack打包部署代码时，如果参数devtool配置不当，将会在部署代码文件中生成对应匹配的soucemap文件（源码映射），如果将参数devtool配置为“source-map”、“cheap-source-map”、“hidden-source-map”、“nosources-source-map”、“cheap-module-source-map”等值时，打包后将生成单独的map文件。