外部引入模块(CDN)

如今前端开发，自然是使用ES6甚至更高版本，撸将起来才更嗨。但由于浏览器兼容问题，仍得使用 babel 转换。而这 babel-polyfill也得引入以确保兼容；还比如项目开发中常用到的 moment, lodash等，都是挺大的存在，如果必须引入的话，即考虑外部引入之，再借助 externals 予以指定， webpack可以处理使之不参与打包，而依旧可以在代码中通过CMD、AMD或者window/global全局的方式访问。
image.png
需要补充的是 externals 中：key 是 require 的包名，value 是全局的变量

生产环境，压缩混淆并移除console

  1. new webpack.optimize.UglifyJsPlugin({
  2.   compress: {
  3.     warnings: false,
  4.     drop_console: true,
  5.     pure_funcs: ['console.log']
  6.   },
  7.   sourceMap: false
  8. })