工程化

webpack 的核心配置包含入口、输出、加载器和插件，通过处理模块依赖打包各种资源，并优化代码以实现高效的项目构建

项目开发过程中，偶尔会遇到本地开发环境显示正常 但是打包到测试环境，显示异常的情况 遇到这样的问题，你会怎么处理呢？ 修改代码，每次都推送到测试环境打包验证吗？

项目中经常会使用到批量导入，这会帮助减少相似代码的编写 并且它还很多使用场景: 在组件内引入多个子组件；在main.js中批量引入注册全局组件；批量导入路由文件批量注册；引入vuex的module

项目若不配置src的@别名，文件的引用可能会出现很多"../../..."的情况。这不影响代码的运行，似乎总影响一点代码的优雅，且一眼看上去也无法准确的找到文件所在。简单两步给项目src目录配置@别名

项目中增加了eslint和prettier，也不能100%保证，提交上来的代码，符合格式要求 那么就需要，在代码提交时，检查代码并自动修复代码 git hooks 结合 lint-staged，就可以

一、为什么要使用eslint 一句话解释： 官方版：查找并修复JavaScript代码中的问题 简单版：解决代码质量的问题

一、为什么要使用prettier 一句话解释，prettier是一个代码格式化工具，按保存键时，可自动格式化代码，保持代码的美观性