Webpack中常用的代码分离： 入口起点：使用entry配置手动分离代码 防止重复：使用Entry Dependencies或者SplitChunksPlugin去重和分离代码 动态导入：通过模块的内联函数调用来分离代码
将webpack配置文件分离是一种常见的方式：新建三个文件，放到config文件夹下：webpack common js 这是测试和生产都会用到的配置webpack dev js 这是测试环境的配置 webpack prod js 这是生产环境的配置 package json 中配置：
什么是globalThis：全局属性 globalThis 包含全局的 this 值，类似于全局对象（global object）：functioncanMakeHTTPRequest(){retur
1 在开发中，会有各种模块依赖，这些模块可能来自于自己编写的代码，也可能来自第三方库 2 resolve可以帮助webpack从每个 require import 语句中，找到需要引入的合适的模块代码 3 webpack 使用 enhanced-resolve 来解析文件路径
它默认值为空字符串，打包后引入js时，路径为bundle js 在开发中，我们也将其设置为 ，路径就是 bundle js，浏览器会根据所在域名+路径去请求对应资源 如果我们希望在本地直接双击打开 index html 文件夹来运行，会将其设置为 ，路径是 bundle js，可以根据相对路径去查找资源
HMR全称 Hot Module Replacement 模块热替换指应用程序运行过程中，替换、添加、删除模块，而无需刷新整个页面
安装、初始化 1 npm init 初始化项目生成package json 2 安装webpack和webpack-cli `npm install webpack webpack-cli -D` 3 新建入口文件：src index js 4 创建`webpack config js`，代码如下：
安装完vue-loader后，会自动安装 VueLoaderPlugin 插件，在webpack config js配置时，需要用到
