webWangjin / webpack4_mpa_demo

webpack4搭建多页面多环境demo

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

webpack4_mpa_demo

webpack4搭建多页面多环境demo

v 1.0.8 改动

解决打包后图片出错问题 图片引用路径仍是相对路径

更加简化通过跳转,仅写入最底层目录文件名即可 具体可以参考src中例子

v 1.0.7 改动

解决打包后页面路径出错问题

限定页面创建结构为 src/pages/${your_file}/index.html 具体可以参考src中例子

本地测试请使用npm run local

生产打包请使用npm run pro

v 1.0.6 改动

删除冗余代码

解决深层目录无法使用问题,现在可以在src/pages 文件中录入深层次文件夹,添加新文件需要重新npm run local

解决html热更新问题,无需再在js文件中require

v 1.0.5 改动

添加html---hot reload,您需要在js文件中require,可查看index文件中index.js

v 1.0.4 改动

减少部分代码

升级webpack到4.29.6

更改部分依赖位置

个人觉得一般情况下,无需env-config文件(请求地址可以从window.location.origin中获取到),留着只是为了一些特殊情况。
当你不需要env-config文件时,只需区分是npm run dev或npm run build就可以
例如当我在dev、test环境应该执行的是npm run dev,在staging、灰度、master的时候是npm run build
而你们在服务器build的时候,无论是自动部署还是手动部署,只要知道了环境也就能分清是应该运行哪个命令

v 1.0.3 改动

增加本地调试方法 npm run local, 其余方法npm run dev, npm run test等均为build方法,如需变更,请去package.json中以及env-config中自行修改

v 1.0.2 改动

添加公共代码提取,minChunks: 2

v 1.0.1 改动

增加px2rem,以及rem.js文件(以750设计稿为准)使用时引入rem.js,设计稿多少px,css就写多少px,自动转换为rem

About

webpack4搭建多页面多环境demo


Languages

Language:JavaScript 83.9%Language:HTML 14.1%Language:CSS 2.0%