安装完vue-loader后，会自动安装 VueLoaderPlugin 插件，在webpack config js配置时，需要用到
typescript compiler 的使用 安装typescript编译器tsc（typescript compiler）1 全局安装的TypeScript，直接运行 tsc`npm ins
1 安装命令行工具（在webpack中使用不需要安装）：`npm install @babel cli -D` 2 命令行命令：`npx babel src index js --out-dir result` src index js为处理的文件，如果要处理文件夹里所有文件，这里就传文件夹名：src
webpack 模块化的四个原理： 1 CommonJs模块化原理 2 ES Module实现原理 3 CommonJs加载 ES Module 原理 4 ES Module加载CommonJS 原理
1 Loader是用于特定的模块类型进行转换 2 Plugin可以用于执行更加广泛的任务，比如打包优化、资源管理、环境变量注入等
1 在webpack5之前，加载图片等其他资源要用到一些loader，如raw-loader、url-loader、file-loader 2 从webpack5开始，我们可以直接使用资源模块类型（assets module type）替代上面的loader 3 资源模块类型（assets module type）通过四种心的模块类型，替换上面的loader
1 什么都不配置，直接就将资源文件打包在 webpack 配置的打包路径的根目录 2 js中， `require( img 1 jpg )` 在file-loader 4 X，返回的是资源，在5 x以后返回的是对象，通过 `require( img 1 jpg ) default` 才能拿到资源 3 js中，除了 require 引入资源，还可以用 `import xxx from img 1 jpg` 的方式引入资源
1 PostCSS是通过JavaScript来转换样式的工具 2 这个工具可以帮助我们进行一些css的转换和适配，比如自动添加浏览器前缀、css样式重置 3 实现上面的功能，需要借助PostCSS对应的插件
指定入口文件和输出path： 1、执行 `npx webpack --entry src main js --output-path build` 命令 2、`package json` 配置：` "dist ": "webpack --entry src main js --output-path build "`,
