静态资源有关问题

1. 网站中会引入哪些常见的静态资源？

• JS
  .js .jsx .coffee .ts
• CSS
  .css .less .sass .scss
• Images
  .jpg .png .gif .bmp .svg
• 字体文件
  .svg .ttf
• 模板文件
  .vue .jade

2. 网页中引入的静态资源多了会引起什么问题
   网页加载速度慢，因为我们会发起很多二次请求
   要处理错综复杂的依赖关系

3. 如何解决上述问题
   （1）可合并、压缩、精灵图、图片的Base64编码;
   （2）使用之前学过的requireJS、使用webpack解决包的依赖。

4. webpack-dev-server
   该工具可实现自动打包编译的功能，安装到本地的开发依赖，命令如下：
   npm i webpack-dev-server -D
   注意: 本地安装的server，不可以在powershell终端中直接运行，只有-g全局安装的工具才可在终端中作脚本运行，但是可以在webpack,config.js中配置script命令。