webpack 构建多页面应用(以regularjs为例)

webpack-regular

github源码: https://github.com/fisher-zh/webpack-regular

基于webpack构建的多页面网站开发环境。

webpack在前端开发的过程中逐渐扮演着越来越重要的角色,在使用vuejs开发单页面应用的过程中,个人是倾向于直接使用vue-cli来搭建初期的环境,毕竟方便。但是在做一些需要兼容老版本浏览器(如IE7、8)的时候,我们就需要重新进行框架的选择,此示例中选用了网易的mvvm框架regularjs来进行多页面网站的开发。

此示例已经集成了babel,你完全可以使用es6语法,同时添加了一些其他的插件来进行低版本浏览器的兼容,但是由于测试次数和环境以及一些低版本浏览器特有的兼容方法限制,不能保证100%兼容(需要自行对编译出的文件进行针对IE7、8的兼容性修改),所以当你需要在生产环境中发布编译的文件时,请一定要进行低版本浏览器的测试。一些浏览器兼容问题可以在这里查到使用 ES6 的浏览器兼容性问题

文件结构

    ├─build (构建webpack环境)
    │  └─build.js             (打包)
    │  └─dev-server.js        (构建开发环境服务)
    │  └─entry.js             (入口)
    │  └─htmlconfig.js
    │  └─webpack.*.config.js  (生产及开发环境配置)
    ├─config (环境变量)
    ├─dist (文件输出目录)
    └─src (前端开发目录)
        ├─assets (基础文件)
        │
        ├─pages (页面文件)
        │  ├─A
        │  │ ├─index.html
        │  │ ├─A.js
        │  │      
        │  ├─B
        │  │ ├─index.html
        │  │ ├─B.js
        │  │     
        │  └─router.js (页面路由)
        │          
        └─static (静态资源文件夹)
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值