(十五) 打包后如何测试

本节知识点

• 打包后如何测试
• Source Maps

调试

• 在使用webpack的时候只需要简单的devtool配置，webpack就可以自动给我们生产出source maps
  .map是一种对应编译文件和源文件的方法。

使用

• 在webpack.config.js加入

devtool:"eval-source-map"

有2种调试方式:第一种 source-map 大型项目。自己会出来一个sourcemap的文件 eval-source-map中小型。封装到入口文件里。source-map 有行有列 eval只有行没有列
错误信息在浏览器里看的到

• 具体举例

module.exports = {
    //调试文件
    devtool:"eval-source-map",
   //下面就不用写了。我就是告诉写的位置。
    //入口配置项
    entry:{
        entry:"./src/enter.js"
    },
}

特别注意的就是上线前。必须要重新打包和删除调试工具。切记切记。
平时使用的时候eval-source-map 足够了