唠叨在前面
可能跟绝大多数认识webpack的机缘不同，大多数使用webpack是使用过react或者browse什么鬼的那个;
前一阵子纠结在avalon和vue之间做选型，怎奈avalon路由上有一些地方没有使用明白，虽然也做出来了，但感觉十分不妥，据说近期要升级路由，观望中,趁着松口气尝试下vuejs作者的大头像学霸味道十足，好像刚探月回来;
本机环境&准备工作
- 操作系统 MAC OSX EI Capitan
- 软件环境:
- node(国内可以把源切换为淘宝CNPM)
- gcc编译器(预装了xcode)
- 自带python
如果是window平台下，要安装vc运行库,.net4.0等，具体要看到安装插件时是哪个插件报错，去它的github上看依赖什么环境，安装即可;咳咳，很有可能要安装一个完整的visual studio……辛苦win下的同胞
下载webpack-howto示例程序
运行
- 终端切换到项目目录/webpack-howto/example
- npm install --save-dev webpack webpack-dev-server react-hot-loader -g 说明:全局安装webpack webpack-dev-server 以后总用 得用命令行
- npm install 安装项目依赖的插件
- webpack webpack.config.js 打包,成功如下图
-
webpack-dev-server --hot --quiet 启动服务
启动成功
-
访问试试看
如果一切顺利的话，确实是OK的，然而理想总是同教程离得太远
你会遇到的问题
- 安装webpack-dev-server报错
出现类似error: redefinition of '_NanEnsureLocal'的错误,八成是socket.io这个插件的问题详细看issue
解决方法:手动更新webpack-dev-server的依赖描述文件,将socket.io/client的版本号更新到1.3.7 或者down我改后的
- 出现C:\Microsoft.Cpp.Default.props 解决方法就是安装所要求的编译环境
