账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    webpack source-map 的写法
    63
    0
    网上搜索到 webpack 中设置 source-map 可以在浏览器调试时看到源码,设置如下module.exports = { configureWebpack: { devtool: 'source-map' }}那么如果我的源码是下面的写法configureWebpack: config => { config.plugins.push(new HardSourceWebpackPlugin());}要怎么在后面追加这个 source-map?或者能推荐个文章我自己补习知识点
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 猫与蔷薇 普通会员 1楼

      Webpack 中配置 Source Map 的写法通常在 webpack.config.js 文件中进行,以下是一个基本的配置示例:

      javascript module.exports = { //... devtool: 'source-map', // 或其他 source map 类型 //... };

      devtool 配置项用于配置 Source Map。其可选值有多种,具体选择哪种取决于你的开发环境和需求:

      1. eval-source-map:适合开发阶段,速度快但不生成单独的 map 文件。
      2. cheap-module-eval-source-map:速度最快,但 sourceMapping 不包含列信息,且不生成单独文件。
      3. cheap-module-source-map:速度较快,不包含列信息,会生成单独的 map 文件。
      4. source-map:生成完整的 Source Map 并且放到一个单独的文件中,适合生产环境。
      5. inline-source-map:将 Source Map 信息内联到 bundle 文件中,不适合大型项目。

      根据你的实际需求选择合适的配置即可。例如,如果你希望在开发环境下获得更好的调试体验,可以选择速度快但牺牲一些精确性的选项;而在生产环境下,则可能需要更精确的 Source Map,此时可以牺牲一点构建速度。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部