webpack介绍Webpack是一个模块打包器。它会根据模块的依赖关系进行静态分析，然后根据指定的规则为这些模块生成相应的静态资源；开发方便，可以代替一些grunt/gulp的工作，比如打包，压缩混淆，图片转base64等安装//全局安装npminstallwebpack-g//进入项目，安装到项目依赖中npminitnpminstallwebpack--save-dev配置文件每个项目都要配置一个webpack.config.js，它就像一个普通的gulpfile.js/Gruntfile.js，作为一个配置项告诉webpack如何工作。默认情况下，将搜索当前目录中的webpack.config.js文件。该文件为node.js模块，返回json格式的配置信息对象，或者通过--config选项指定配置文件示例：module.exports={entry:"./entry.js",output:{path:__dirname+"/dist",filename:"bundle.js"},module:{loaders:[{test:/\.css$/,loader:"style!css"}]}};LoaderLoader用于预处理文件。使用方法在webpack.config.js中由require指定。命令行执行插件Plugins可以通过插件添加特定的功能。编译时无需安装定义常量示例：newwebpack.DefinePlugin({PRODUCTION:JSON.stringify(true),VERSION:JSON.stringify("5fa3b9"),BROWSER_SUPPORTS_HTML5:true,TWO:"1+1","typeofwindow":JSON.stringify("object")})copy-webpack-plugin复制资源插件官方解释是这样的复制webpack中的文件和目录，复制webpack中的文件和文件夹https://github.com/kevlened/c...安装npminstall--save-devcopy-webpack-plugin使用newCopyWebpackPlugin([patterns],options)在webpack.config.js中添加：varCopyWebpackPlugin=require("copy-webpack-plugin");module.exports={plugins:[...newCopyWebpackPlugin([{from:__dirname+'/src/index.html',to:__dirname+'/dist'}]),...]}配置项clean-webpack-plugin删除编译编译资源前删除编译结果目录或文件https://github.com/johnagan/c...安装npminstallclean-webpack-plugin--save-dev并在webpack.config.js中添加：varCleanPlugin=require("clean-webpack-plugin");module.exports={...plugins:[...newCleanPlugin(['dist','build']),...]...}dist和build为需要删除的资源生成HTML5文件html-webpack-plugin自动生成html插件并注入webpack绑定的一系列js&css生成相应的
