webpack学习笔记

babel-loader：它是使Babel与Webpack协同工作的模块

@babel/core：顾名思义，它是Babel编译器的核心模块

@babel/preset-env：它是Babel官方推荐的预置器，可根据用户设置的目标环境自动添加所需的插件和补丁来编译ES6+代码

babel-loader支持从 .babelrc文件读取Babel配置。

output.path是资源的打包输出路径，output.publicPath是资源引用路径

许多框架和库都采用process.env.NODE_ENV作为一个区别开发环境和生产环境的变量，process.env是Node.js用于存放当前进程环境变量的对象，而NODE_ENV则可以让开发者指定当前的运行环境。

source map就是将编译。打包。压缩后的代码映射回源代码的过程，因为经过Webpack打包压缩后的代码已经不具备可读性，浏览器调试起来非常麻烦，使用source map之后map文件会很大，但是不用担心，只要不打开开发者工具，浏览器是不会加载这些文件的，但是有一定的安全隐患，因为所有人都可以通过dev tools看到工程源码。