- html-webpack-plugin
作用:自动快速的帮我们生成HTML
config文件用法:
plugins: [ new HtmlwebpackPlugin({ title: 'Hello World app' }) ]
2. webpack-dev-server
作用:新建一个开发服务器,可以serve我们pack以后的代码,并且当代码更新的时候自动刷新浏览器。
config文件用法:
devServer: { historyApiFallback: true, hot: true, inline: true, progress: true, },
webpack使用loader的方式来处理各种各样的资源
//样式处理loader css-loader style-loader sass-loader //图片和其他静态文件的处理loader url-loader //添加ES6的支持 babel-loader babel-preset-es2015 //检测JS规范 jshint-loader //JQ插件或者古老的库引入 imports-loader