webpack 3.0 使用 I18nPlugin 实现国际化以及css自动刷新的完整项目

该项目采用友好的开发环境,支持自动刷新JS、HTML和CSS,实现生产与开发环境分离,具备I18n国际化支持和mvc架构。通过特定插件解决了CSS刷新问题,允许自定义浏览器和启动页面。然而,resource中的json文件无法自动刷新,适合小型项目。项目运用了hash和XML文件,但不支持自动刷新json。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目结构优点:

  1. 项目开发环境比较友好,可以实现自动刷新,除开resource中的json文件之外
  2. 生产与开发相分离
  3. I18nPlugin 实现了国际化支持
  4. 解决了 css 不自动刷新的问题
  5. 开发时,可以指定 chrome 等自己想要的浏览器打开
  6. 开发时,可以指定自动打开的页面
  7. mvc 三层架构
  8. 实现了事件监听
  9. jquery 等外部工具的引用
  10. 目前实现的是单页面应用,但可以实现多页面的
  11. 使用了 hash
  12. 拷贝 xml 文件

项目结构不足:

  1. resource 中的 json 文件不能自动刷新页面
  2. 主要适用于小型项目

项目主要结构如下:
在这里插入图片描述
具体源码请参考Git

效果图如下
在这里插入图片描述
JS html css 变更后,页面都可以自动刷新。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值