搭建移动端H5多页面脚手架


需求:偶尔会碰到公司要求做H5的移动端页面,没有特殊需求的一般用react-cli或者vue-cli直接撸起来就完事了。但是有些情况下单页面体验不太好。传统的多页面html,js,css三件套直接丢服务器上逼格有点低,而且非工程化带来的坏处就是更多的重复代码,重复工作,也不便于后期维护和迭代。这种需求用gulp来实现非常简单,网上的资料也非常齐全。最近有空,便想尝试一下用webpack来实现。

啰嗦完了,直接开撸。首先是要初始化一个packjson,前提是要安装好的node:

npm init

也可以是npm init -y,个人觉得项目开始不署上自己大名和项目名称就没有仪式感。接下来命令行会提示输入项目名称啊、作者、描述,随便打上去一直回车就好,packjson就生成啦!

 

接下来要安装webpack和webpack-dev-server,只有装上这两个东西项目才能够跑~

个人习惯使用淘宝镜像cnpm,具体百度cnpm就好,当然也可以用yarn,具体不再做描述:

cnpm install webpack webpack-dev-server -D

 未完成,慢慢更


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM