Webpack的踩坑与汇总

个人认为Webpack对待新手不友好的地方主要是配置文件过于复杂，主要有以下难点

• loader的配置，不同的文件应该配置哪些loader
• plugins的对应的用法，常用的plugins介绍
• webpack的模块热更新（module hot replace）的配置。
• 如何引入第三方库（百度地图等）
• 优化打包结果

相应文件对应的loader

• css文件一般会使用css-loader、style-loader这两种loader，postcss-loader在调整css的兼容性的时候也会用到；
  • css-loader用于在JS中加载Css；
  • style-loader用于将转换好的Css插入到<style></style>中；
  • postcss-loader用于添加Css的前缀，列如-webkit-flex，但是postcss-loader需要额外配置；