webpack入门学习3（图片处理、字体文件处理、第三方js库处理、使用babel编译es6）

文件处理

       1.图片处理

                  1.1安装loader：下载安装file-loader

                              命令行输入：npm install --save-dev file-loader

                  1.2配置config文件

                        

                           此时先在public下放入一张图片，然后在css文件中引入。 然后输入 npm run dev来打包，打包完成后发现build文件夹下多出了一张图片，正是打包后生成的图片。

                       

                  1.3选项配置

                

                          配置options：

                                   name：为你的文件配置自定义文件名模板（默认值[hash].[ext]）

                                   context：配置自定义文件的上下文，默认为 webpack.config.js

                                   publicPath：为你的文件配置自定义 public 发布目录

                                   outputPath：为你的文件配置自定义 output 输出目录