sayUonly的博客

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

工作中有一些单独页面开发，为了节省开发和打包时间，所以稍微研究了一下基于sass/scss的多html页面的webpack配置。 项目包在这里。 初始化项目 通过初始化创建package.json文件。 npm init -y 安装webpack npm i webpack webpack-cli -D 安装后在项目根目录创建webpack的配置文件webpack.config.js。文件配置内容会在后面做说明。 为了简化工作流程，可以安装clean-webpack-plugin，每一次打包都是全新的开

为了方便工作中快速定位查找Sass语法，特做总结。