# weex及vue多页面应用编译优化

1. weex采用的是多页面app模式，在此模式下每次编译会编译各个html文件尤为耗费时间，而在页面数量不断
   增加的情况下，编译耗时会越来越长，此种问题在vue的多页面开发中应该也是存在的。

2. 需要一个优化方法来解决编译时间过长的问题，那么就会想到如果只是在有修改的html文档中去编译文件，
   那么速度就会得到很大的提升。因此采用了html-webpack-plugin-for-multihtml插件，其实现的原理是：
   使用一个标志位来表示html文档是否有被修改过，如果修改过就重新编译，如果没有修改就读取缓存中的文件
   作为现在的文件。
   使用方法如下：
   安装了淘宝镜像的node环境 cnpm install html-webpack-plugin-for-multihtml --save -dev
   在webpack dev-config文件中做如下配置

   // webpack.dev.conf.js
    	const HtmlWebpackPlugin = require('html-webpack-plugin-for-multihtml');
    	const devWebpackConfig = merge(baseWebpackConfig, {
    		plugins: [
    			// ...
    			new HtmlWebpackPlugin({
    				multihtml: true,
    				filename: 'index.html',
    				template: 'index.html',
    				inject: true
    			})
    		]
    	});