调试weex快速设置及报错Can't resolve 'weex-loader/node_modules/weex-vue-loader

报错的话,个人情况是,执行命令npm install -g weex-toolkit@latest就好了

编译weex时我们会有vue文件在src目录下,然后我又在src下面建了个image文件夹,用于存放图片,注意图片名字不能有中文。

image.png

在调试时,会用weex compile到本地nginx服务器下的dist目录下,还有图片也得拷贝到image下终端输这两条命令太麻烦,然后这命令又用得很勤,所以我们尝试用命令别名来处理。
处理这个文件夹
image.png

加入我们的别名命令

alias sxwx="clear;rm -rf /usr/local/var/www/dist;rm -rf /usr/local/var/www/image;cp -r src/image /usr/local/var/www/image; weex compile src /usr/local/var/www/dist"

然后让其生效

. ~/.profile
/// 或者
source ~/.profile

然后我们就可以在VSCode内的终端开心地玩耍了

image.png

可以看到图片和js文件已经放到了nginx的文件夹上
image.png

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ~『 NO. 1 安装依赖 』 Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。首先...
    米有意思阅读 363评论 0 1
  • 2016年4月21日,阿里巴巴在Qcon大会上宣布开源跨平台移动开发工具Weex,Weex能够完美兼顾性能与动态性...
    晴天咚咚阅读 2,912评论 1 15
  • 什么是 weex weex 是阿里开源的一套三端通用方案,只要编写一次代码就能运行在 iOS、Android 和 ...
    Tatinic阅读 1,340评论 0 9
  • What 简而言之,Weex就是一套完全针对无线电商的技术方案。采用HyBird的方式,脑洞来自于RN,相比于传统...
    seph_von阅读 1,045评论 2 1
  • 投射孩子情绪越来越稳定,投射孩子自信心越来越强,投射孩子在学校与老师同学关系融洽,投射孩子认真听老师讲课,吸收老师...
    a苏州东山锦湖之家张金成阅读 156评论 0 3