webpack 自动运行，及打包 img css json 的操作 npm插件的使用方法

　　没有指令操作的属性生产环境，有指令操作的属于开发环境

　　webpack：输入指令后，便会自动开启一个浏览器

　　　　需要插件：open-browser-webpack-plugin　　生产环境

　　想使用 node.js 中 path 的方法，

　　var path=require("path")　　路径操作

　　path.resolve()　　方法将路径变成绝对路径，　　参数（__dirname,"./目录"），  意思为 把当前目录放在哪个目录下

　　在自动启动服务器的时候，webpack-dev-server 会把当前项目当根目录

　　想指定根目录，并改端口；

　　　　我们在 webpack.config.js　　在属性

　　　　devServer:{

　　　　　　contentBase:""　　//根目录

　　　　　　port:""　　　　//端口

　　　　　　proxy:""　　　　//代理服务器

　　　　}

　　想引入图片 css json 等等怎么办；

　　图片主要针对的背景图片，因为 css 的打包的，所以，传统的引入背景的方法无效，所以我们需要将图片打包

　　json文件：　　require("json文件")　　可以直接使用，但还是要打包

　　　　json-loader　　需要下载的插件

　　打包的图片不能被加载，

　　img文件：　　

　　　　url-loader　　需要下载的插件

　　　　limit：代表最大值；

　　load有先后顺序

　　css文件：

　　　　style-loader　　css-loader　　需要加载的插件，

　　处理 js 针对 es6 的（将es6 换成 es5）

　　　　babel-loader　　需要下载的插件

　　为什么我只介绍插件，不介绍使用方法呢？ 因为 官网上提供了 详细的使用方法

　　官网名：https://www.npmjs.com/

　　第一步，搜索你想下载的插件

　　

　　选中复合条件的插件

　　

　　按照人给的提示操作：第一步在 npm 中下载插件

　　

　　用法