雾里看花叹朦胧

项目结构优点：项目开发环境比较友好，可以实现自动刷新生产与开发相分离不使用 I18nPlugin 实现了国际化支持解决了 css 不自动刷新的问题开发时，可以指定 chrome 等自己想要的浏览器打开开发时，可以指定自动打开的页面mvc 三层架构实现了事件监听jquery 等外部工具的引用目前实现的是单页面应用，但可以实现多页面的使用了 hash拷贝 xml 文件项目结构不足：resource 并不是JSON形式结构，而是 js 形式主要适用于小型项目项目主要结构如下

**项目结构优点：项目开发环境比较友好，可以实现自动刷新，除开resource中的json文件之外生产与开发相分离I18nPlugin 实现了国际化支持解决了 css 不自动刷新的问题开发时，可以指定 chrome 等自己想要的浏览器打开开发时，可以指定自动打开的页面mvc 三层架构实现了事件监听jquery 等外部工具的引用目前实现的是单页面应用，但可以实现多页面的使用了 hash拷贝 xml 文件项目结构不足：resource 中的 json 文件不能自动刷新页面主要

本文章之前有写过关于 webpack 中如何使用 hash 和 devserver 的例子，有需要的可以去查看一下： 如何使用 Hash: http://blog.youkuaiyun.com/hsl0530hsl/article/details/78474026 如何使用 Server: http://blog.youkuaiyun.com/hsl0530hsl/article/details/78419693本文主

在 webpack-dev-server 中使用 hash 需要借助 html-webpack-plugin 工具。步骤如下： 注意：这里只列出差异的地方，全部配置请参照另一篇文章 http://blog.youkuaiyun.com/hsl0530hsl/article/details/78419693首先，在项目的根目录下，新建一个 temp html 文件，之前的 index.html 可以删

使用webpack-dev-server中遇到不能浏览器无法自动刷新的问题；寻找多方答案后明白了一些；下面有一些需要注意的点：1.webpack-dev-server并不能读取你的webpack.config.js的配置output！！你在webpack.config.js里面的配置output属性是你用webpack打包时候才起作用的，对webpack-dev-server并不起作用2.webpa

本文接续上一篇文章来写，请查看： http://blog.youkuaiyun.com/hsl0530hsl/article/details/78490034首先，在项目中添加一些图片： 目录结构如下图： 然后，在 package.json 的 devDependencies 中导入如下两个库并进行安装： "html-loader": "^0.5.1", "file-loader": "^1

先贴一张整体的结构图 整体思路是这样的： 首先在 webpack.config.js 配置所支持的全部语种，并为每个语种生成 boundle.js 文件；然后编写 resource 文件。最后在 index.html 文件中根据当前的语种引入相应的 boundle.js 文件。package.json{ "name": "webpack1", "version": "1.0.0",

开发环境(development)和生产环境(production)的构建目标差异很大。在开发环境中，我们需要具有强大的、具有实时重新加载(live reloading)或热模块替换(hot module replacement)能力的 source map 和 localhost server。而在生产环境中，我们的目标则转向于关注更小的 bundle，更轻量的 source map，以及更优化的