devtool：配置开发环境的一些提示工具。例如：devtool:'cheap-module-eval-source-map'当项目报错时，可以准确定位报错在哪个文件。比较物品的建造速度和重建速度。代码提示定位cheap-module-eval-source-map++++原始源码eval++++++webpack生成的代码可以根据场景使用这两个值调试代码。内部配置键-->快捷方式名称值-->对应路径如果要配置web的快捷方式页面->页面文件夹：'app/web/page'dll：引入一些第三方库，不会更新经常，只要它包含的库??不增减不升级，网上的dll代码不会随着版本的发布而频繁更新，不需要重新打包dll:['vue','axios']这个可以用loaders:配置一些项目需要自动转换的语法例如:typescript:true==>ts可以在项目中使用或者:scss:{options:{includePaths:[path.resolve(_dirname,'app/web/asset'),path.resolve(_dirname,'app/web/asset/style')],},}可以转换静态资源asset下的scss文件另一种写法：{test:/\.css$/,loader:'style!css'}这里是的！使用webpack处理css文件时，使用css-loader和style-loader！添加后，文件处理是从右到左，即先用css-loader再用style-loader处理url-loader可以把图片转成base64编码插件：使用一些插件完成一些功能，例如：CommonsChunkPlugin提取块之间共享的公共模块性能：设置一些性能监控，例如：key-->hintsvalue-->"warning"将显示一个警告，通知您这是一个大资源。在webpack中，devServer选项改变了项目的运行端口devServer:{host:'127.0.0.1',port:3000}
