在 Hbuilder 中使用webpack?

作者: Rememberautumn 分类: Nodejs,Web前端,前端工具 发布时间: 2017-02-18 13:19 阅读: 1,813

Hbuilder 最新版目前支持了 ES6 的语法,但是,es6还是没有办法直接在生产环境中使用,而且像Vue单文件组件也是没有办法调试和使用的,如果你用Html5+开发APP的话,实时调试意味着你要使用Hbuilder开发。

如果像使用ES6,怎么办呢?

我的解决方案是,在a,目录下开发,将结果实时编译至b目录,在Hbuilder中打开b目录,这样就可以调试了,那么问题来了,如何实时编译呢?

像Vue,都会提供一个工程模板,我们想利用最少的改动来实现这个功能,于是骂我把目光转向了webpack-dev-middleware,webpack-dev-middleware 采用的内存文件系统,我把这个改成了物理文件系统,那么久意味着,编译的结果将实时的显示在文件夹中,我们可以利用这个文件夹来进行app调试,然后去掉 Hot reload,就大工告成了。

项目目录:https://github.com/4013465w/webpack-dev-middleware

Npm:https://www.npmjs.com/package/webpack-dev-middleware-hard-disk

 

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注