LearnWebpack-中级篇-服务配置

babel深入 介绍 其实官网介绍的很详细了，建议仔细阅读： babel是什么？ babel 使用指南 配置 babel babel是什么 babel是用nodejs写的js语法解析器，你可以认为是用

postcss 深入 常规用法 《基础篇-资源打包/02-打包css-资源》 重新认识一下postcss postcss 和 less、sass 一样，都是编译css成最终浏览器能够给识别的css源代

平台兼容配置 很多的 npm 包（postcss、babel）需要找到当前用户期望目标代码支持的浏览器的列表，为了方便统一维护，于是诞生了browserslist，它规定了如何在项目配置 浏览器列表：

环境配置 dotenv dotenv本来是为服务端CommonJS服务，为node配置环境变量文件 .env，进而将 .env 的变量 挂载到 process.env上。但是现在我们希望直接的将它集成

tree-shaking 树摇：将树的残枝败叶摇下来，在webpack是将使用不到的代码去除掉。 想想在什么情况下你的代码才用不到： 某些样式多写了，但是不清楚是不是用到了 某些默认虽然引入了，但是却

git hooks 前面说过，在执行特定操作之前就会执行对应的钩子，而且为了让钩子可以配置，让用户自定义，在项目的.git目录下的hooks目录下，暴露了所以的钩子文件（但是他们都是不可用的，只是示例

资源缓存 webpack为了更加高效的打包，认为一些没有变动的内容不要再次打包了，因此可以在一些输出启动模板字符串（Template strings）使用contenthash 这样做，如果打包的资源

资源分离 entry.dependOn 手动配置 dependOn 表示当前chunk依赖的其他chunk 注意事项： 路径为资源所在的路径，如果非相对路径，那么则自动的解析为node_modules

dev-server dev-server为本地开发提供 server层，你可以简单的理解为，webpack根据配置将打包的文件通过express静态服务挂载出去了，但是它本身作为一个node服务可以

监听和监听配置 webpack监听文件变化 有两种方式开启： 在Bush上执行：webpack --watch webpack.config.js 的 watch 为 true 默认情况下： 监听的配