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看到工程源码。