webpack-quickstart 基于webpack构建的快速前端开发环境,5分钟进入开发状态~

基于webpack 可以实现 js ,css ,sass ,图片文件 自动打包

可以直接用 rem 单位

  • 需配置设计稿宽度(常见尺寸 WAP页面 640, 750, PC页面 1200, 1920)这个也可以根据设计师提供的设计稿来,不是固定的
  • 打开 src/js/html5-px2rem-new.js 文件,找到 designWidth 设计稿宽度参数 修改为你的设计搞的尺寸,即可
  • 写样式的时候 100px 就写成 1rem , 325px 就写成 3.25rem 宝宝再也不用担心数学不好了 ^^

使用说明

-  npm install       安装依赖

-  npm run watch     开发过程用这个    开发过程中在src里操作js,scss文件会自动监听,有改动会自动刷新浏览器,效果同步

-  npm run build     完成后打包用这个   最终打包后的文件都在 dist 目录

Github下载 : https://github.com/hixiaoguan/webpack-quickstart