webpack入门学习5（HTML中引入图片、使用sourcemap开发调试、模块热替换）

HTML中引入图片

            1.处理效果

                           先在index.html中写入一个img标签，src为之前的avatar.jpeg。然后命令行输入npm run start来查看：注意路径后面要加/webpack.html

                           未使用loader时，会出现路径错误，图片不显示的情况。经过loader处理后，图片能正常显示。

            2.安装插件

                         命令行输入：npm install --save-dev html-loader

            3.配置config文件 

 

 

使用sourcemap调试

              1.了解sourcemap

                               sourcemap是为了解决实际运行代码（打包后的）出现问题时无法定位到开发