查看详情

使用Vagrant + webpack开发踩过的坑

团队的移动项目采用了webpack + vue作为前端架子,然而我们同时在Vagrant开发时却遇见了不少问题。 webpack-dev-server 8080端口 我们在linux 上一般默认启用了 127.0.0.1:8080作为我们的webpack dev server的服务,但是127.0.0.1对外并非可以访问的,这个时候我们需要更改两件事情,一件事情是增加vagrantfile里的端口, config.vm.network "forwarded_port", guest: 8080, host: 8080 第二件事情是修改启动命令 webpack --host 0.0.0.0 --port 8080 webpack-dev-server 不能自刷新 webpack-dev-server非常方便的一个功能就是检测文件变化,然后刷新项目,这样我们可以即时看见文件变化,然而在vagrant什么都没有发生!!!!!! 于是搜索资料,参考 wiki 里面的一段话: Notification via inotify requires the kernel 详情 »

vagrant box 解决软链接

在Vagrantfile 中修改这行 config.vm.provider "virtualbox" do |v| #other configuration v.customize ["setextradata", :id, "VBoxInternal2/SharedFoldersEnableSymlinksCreate/vagrant", "1"] end 2使用管理员身份打开cmd 运行vagrant up(非常重要) PS: 如果使用node_module ,可以在非共享目录进行模块安装,然后进行软链接到开发的项目上。 详情 »

使用Vagrant Box + Nginx 不更新静态资源解决方案

第一次使用Vagrant Box ,或多或少会遇到这么一个问题,就是切下来的代码,可以运行,改接口也可以,但是静态资源(比如css,js)始终却改动不生效,有的会出现一系列红点(用chrome查看的话),其实这种问题只需要一个配置选项就OK了。 # If you use nginx as your main web server # add this directive in your nginx.conf sendfile off # If you use apache as your main web server # add this directive in your httpd.conf (or apache.conf) EnableSendfile off 参考:http://www.falexandrou. 详情 »