酱子

1. src引入的资源是静态引入时，vue会自动编译解析src的资源，因此打包过后的图片地址和资源地址一致，图片可显示；2. 使用v-bind引入src资源时，src时作为动态资源引入的，使用时需要使用打包编译后的路径，动态打包地址和默认打包地址不一致，访问不到图片地址。

webpack打包原理将所有依赖打包成一个bundle.js，通过代码分割成单元片段按需加载什么是webpack，与gulp,grunt有什么区别webpack是一个模块打包工具，可以递归地打包项目中的所有模块，最终生成几个打包后的文件。区别：webpack支持代码分割，模块化（AMD,CommonJ,ES2015），全局分析webpack 和 gulp 的区别？webpack是一个模块打包器，强调的是一个前端模块化方案，更侧重模块打包，我们可以把开发中的所有资源都看成是模块，通过lo

webpack 性能优化开发环境性能优化生产环境性能优化开发环境性能优化优化打包构建速度HMR – 一个模块发生变化，会重新打包这个模块（而不是打包所有模块）提升构建速度优化代码调试source-map – 一种提供源代码到构建后代码映射技术(如果构建后代码出错，通过映射可以追踪源代码错误)生产环境性能优化优化打包构建速度oneOf – 前面找到了后面的就不用找了babel缓存 – 优化打包构建速度,babel结果会缓存起来,第二次打包速度会快些多进程打包 –