webpack

不要全局安装webpack

• 项目多的时候 容易引起版本问题 导致无法运行
• 全局卸载webpack
  npm uninstall webpack webpack-cli-g
• 项目中单独安装webpack
  npm install webpack webpack-cli
• 查看webpack版本
  npx webpack -v
• webpack : 模块打包器，根据entry指示应该使用哪个模块，来作为构建其内部依赖图的开始，进入入口起点后，webpack会找出有哪些模块和库是入口起点依赖的，每个依赖项随即被处理，最后输出到optput字段指定的文件中。
• webpack-dev-server : 一个服务器插件,相当于webpack + apache,启动一个web服务并实时更新修改。

webpack与webpack-dev-server的区别

1 webpack不会实时更新修改，就只是一个打包工具，webpack-dev-server会实时自动更新修改，webpack-dev-server除了打包，还提供web服务
2 webpack打包输出路径，output字段为path，webpack-dev-server打包输出路径，output字段为publicPath(此值为空时默认是项目根目录)
3 webpack打包输出的文件，是真的存在于物理地址path中，而webpack-dev-server打包输出的文件，是保存在内存中的，在项目目录中是找不到的。
4 webpack提供了命令webpack --watch 来动态监听文件的改变并实时打包，但打包速度比较慢,不能做到实时刷新。
5 webpack-dev-server启动了一个express的http服务器来服务资源文件，当原文件作出改动后，webpack-dev-server会实时的编译，编译后的文件并没有输出到目标文件中，而是保存在内存中。