blubiubiu/webpack4_mpa_demo

webpack4搭建多页面多环境demo

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

webpack4_mpa_demo's Issues

作为小白的疑惑。

看了整个工程，觉得很高大上，非常之想学习 但是不知道从哪里开始，我想了解一下，这样的webpack工程架构，适用于哪种场景下的项目？大佬可否，细聊一下

打包之后跳转的HTML路径不对了。404

1.打包之后跳转的HTML路径不对了。404
2.图片的路径问题，开发环境下展示没有问题，打包完之后，图片。背景图就展示不出来了。只有内联的图片能展示出来

打包之后的问题

按照你现有代码，执行build之后，直接打开index.html，发现跳转的html路径是 ../ 开头的，导致跳转的页面是404

不兼容ie8

我把所有的js文件里代码删掉依然不兼容ie8

修改html文件，页面不会刷新。

几个问题

1.打包之后打开index.html， 控制台报错 Uncaught SyntaxError: Unexpected token <
2.在index.js里面引入的index.scss文件没有效果。样式没有出来

无法支持vue的单页面

按照以往的管理跟新了webpack-cli以后启动没有问题，但是通过引入vue-router，貌似不支持

启动报错

资源配置的bug和不合理之处

如果html页面引用了其他js文件 使用标签形式 打包后 路径并没有改变所以 引用不到文件

打包后页面跳转路径错误怎么解决呢

Cannot apply update. Need to do a full reload!

修改js文件，热更新报了警告："Cannot apply update. Need to do a full reload!"

修改html文件，页面不会刷新。

我找到了一个解决方案就是去掉hot: true，但是这样会导致css无法热更新，你有更好的办法吗，还是说就用F5刷新最好？

有没有计划升级一下

有没有计划升级一下

devtool

devtool 不应该在生产环境配置，应该设为none。 开发环境可以配置