webpack理解、笔记

​ 引子：当我们在终端中运行npm run dev时，如果代码出现问题报错时， 我们通过控制台看到的错误是在代码压缩后的，而不是源代码的错误，具体如下图： ​ ​ 可以看出， 我们在源代码中故意写错c

​ 当我们项目开发完成后，需要发布上线，而我们通过webpack-dev-server的插件打包的文件是存在于内存上的，物理磁盘上并不存在，所以我们需要将内存中的项目复制一份到物理磁盘上。 方法：在p

​ webpack在对项目进行打包时，默认是只能识别后缀名为.js的文件，而且对于js中的一些高级语法也无法进行打包和处理，要想处理如css,less等后缀名文件，我们就要用到loader（加载器）了

loader（加载器）的调用过程如下（以处理.css文件为例）： 1.webpack 默认只能打包处理.js文件，处理不了其它后缀的文件 2.由于前端项目中包含了其它后缀文件，当处理不了这些文件时，会

​  我们通过webpack进行打包项目时，会存在一些问题，当我们在终端中运行打包完成后，如果再次修改源代码，就需要重新在终端中运行打包，所以我们可以通过插件实时更新 一、插件webpack-dev-

​  一、webpack介绍 1.概念：webpack是前端项目工程化的具体解决方案 2.功能：提供友好的前端模块化开发的支持，以及代码压缩混淆、处理浏览器JavaScript的兼容性，性能优化等强大