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

Posted 2021-03-06 hziyang

需求：偶尔会碰到公司要求做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

 未完成，慢慢更