前端常用工具，网址概略

1.babel

    简介:下一代JavaScript 语法的编译器。(包括es6,react等）

    babel官方网站：https://babeljs.io/docs/setup/#installation

    babel配置文件介绍网站：https://excaliburhan.com/post/babel-preset-and-plugins.html

2.webpack     

    简介：静态模块打包器      --用来打包网站的静态资源，html,css,js,图片

    webpack官方网站：https://www.webpackjs.com/concepts/     api  guides等，都很详细

    2.1 css-loader

        简介：webpack下的css打包工具

        css-loader中文文档：http://www.css88.com/doc/webpack/loaders/css-loader/

    2.2 style-loader

          简介：webpack中用来打包style样式的

          style-loader中文文档：http://www.css88.com/doc/webpack/loaders/style-loader/

        

    2.3 babel-loader

          简介：webpack中用来打包编译js

          babel-loader中文文档：http://www.css88.com/doc/webpack/loaders/babel-loader/

3.roadhog

    简介：Roadhog is a cli tool with dev、build and test commands. It's based on react-dev-utils and is consistent with the experience of create-react-app. You can imagine this is a configurable version of create-react-app.（其实就是相当于一个有配置文件的 create-react-app,即可配置的create-react-app）

    npm文档：https://www.npmjs.com/package/roadhog

4.webpack-dev-server

    简介：Use webpack with a development server that provides live reloading. This should be used for development only.（用做开发服务器，可以热加载）    

    npm网址:https://www.npmjs.com/package/webpack-dev-server