webpack

优化打包构建速度（开发环境性能用户是哪个） HMR HMR: hot module replacement 热模块替换 / 模块热替换 作用：一个模块发生变化，只会重新打包这一个模块（而不是打包所有模

eslint-loader检查语法 eslint 注意：只检查自己写的源代码，第三方的库是不用检查的 设置检查规则： package.json中eslintConfig中设置~ babel js兼容性

file-loader 和 url-loader 打包图片使用url-loader 和 file-loader 打包其他资源使用file-loader url-loader 说明 url-loader

HtmlWebpackPlugin插件 作用： const HtmlWebpackPlugin = require('html-webpack-plugin'); 动态生成html文件并自动引入js文

常用loader less-loader、sass-loader sass-loader和less-loader把sass、less打包成输出css文件 css-loader 将css文件变成comm

webpack 是什么 webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。 在 webpack 看来, 前端的所有资源文件(js/json/css/img/l