webpack

插件htmlwebpackpluginde的使用，注意Output的配置，可以实现js输出到js文件夹，相关联的html输出到前一个目录，并可设置title等参数
另外要html文件能够获取插件中的设置参数，使用<%= %>，运行代码使用<%%>
通过对象htmlWebpackPlugin.options来获取值，例如htmlWebpackPlugin.options.title
不仅如此，还可以自己设置数据，通过刚才方式取值，例如设置了对象data: new Date(),就可以htmlWebpackPlugin.options.data的方式调用，具体直接看配置好的文件。
配置webpack模块热替换多次报错，代码改到都无法正常使用webpack了，下面记下之后的正确步骤
1.电脑已经全局安装了webpack 以及webpack-cli，在新建的目录中cnpm init，为了在项目中能够使用webpack自身模块，本地安装cnpm install --save-dev webpack，一定检查json文件中是否出现了当前webpack的版本号；
2.方便使用json中新建脚本"scripts":{"build":"webpack","start":webpack-dev-server --open}//以后可以为开发和生产环境一起配置，在不同的情况下用不同命令执行不同文件即可；
模块热替换使用以后貌似保存一次文件就会编译一次。
3.安装需要的loader 插件，然后运行。
对于运行后权限原因报错的处理参考这篇http://xiaoyaojones.blog.163.com/blog/static/28370125201351501113581/
如果换成cnpm还要找到cnpm cmd文件路径添加到环境变量path中