由于项目拓展需要开发一些独立的页面,为了提升开发效率,所以搭建了NPM开发环境。amfe-flexible
和postcss-pxtorem
之前在Vue
项目中经常使用。目的是不同大小屏幕下的页面自适应。这里我将这个方法引入到我的单个HTML页面开发中。
这个文章是我个人开发的一个良好实践,基于我之前做的一个html开发模板html-template进行拓展的。
安装
首先安装重要的插件。
amfe-flexible
是用来计算根font-size
。
postcss-pxtorem
是将css
中的px
单位转换为rem
。
npm i amfe-flexible postcss-pxtorem -D
配置
amfe-flexible
amfe-flexible
引入需要页面的index.js
。
import