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

项目结构优点:

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

项目结构不足:

  1. resource 并不是JSON形式结构,而是 js 形式
  2. 主要适用于小型项目

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

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


版权声明:本文为hsl0530hsl原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。