serve with hot reload at localhost:8088

npm run dev

build for production with minification

npm run build

使用Nginx服务器进行访问，地址如下：

PC端 http://localhost/modules/index.html

移动APP http://localhost/modules/index.html

多页面配置

vue2.0版本多页面入口,是由webpack配置来完成的，我的项目文件结构如下

modules下为多个页面入口，文件名称保持一致，如：

rush:plain;"> modules |---index |---index.html |---index.js

.vue文件名称任意。

原则上这些文件名称都可以随意定，但由于下面entry入口函数的限定，换成其他名字可以会找不到。如果想要起其他文件名，请相应修改getMultiEntry()函数。

until.js

until.js中添加getMultiEntry()，依赖 glob插件，需要提前下载好，until.js开始引入

rush:js;"> //获取多级的入口文件 exports.getMultiEntry = function (globPath) { var entries = {},basename,tmp,pathname;

glob.sync(globPath).forEach(function (entry) {
basename = path.basename(entry,path.extname(entry));
tmp = entry.split('/').splice(-4);

var pathsrc = tmp[0]+'/'+tmp[1];
if( tmp[0] == 'src' ){
pathsrc = tmp[1];
}
//console.log(pathsrc)
pathname = pathsrc + '/' + basename; // 正确输出js和html的路径
entries[pathname] = entry;
//console.log(pathname+'-----------'+entry);
});

return entries;
}

~\build\webpack.base.conf.js

找到entry，添加多入口

rush:plain;"> entry:entries,

运行、编译的时候每一个入口都会对应一个Chunk。 PS：终于明白这个chunk的含义了/(ㄒoㄒ)/~~

~\build\webpack.dev.conf.js

文末添加以下配置：

rush:js;"> var pages = utils.getMultiEntry('./src/'+config.moduleName+'/**/*.html'); for (var pathname in pages) { // 配置生成的html文件，定义路径等 var conf = { filename: pathname + '.html',template: pages[pathname],// 模板路径 chunks: [pathname,'vendors','manifest'],// 每个html引用的js模块 inject: true // js插入位置 }; // 需要生成几个html文件，就配置几个HtmlWebpackPlugin对象 module.exports.plugins.push(new HtmlWebpackPlugin(conf)); }

其中config.moduleName = 'modules'

~\build\webpack.prod.conf.js

rush:js;"> ...

//构建生成多页面的HtmlWebpackPlugin配置，主要是循环生成
var pages = utils.getMultiEntry('./src/'+config.moduleName+'/*/.html');
for (var pathname in pages) {
var conf = {
filename: pathname + '.html',// 模板路径
chunks: ['vendor',pathname],// 每个html引用的js模块
inject: true,// js插入位置
hash:true
};

webpackConfig.plugins.push(new HtmlWebpackPlugin(conf));
}
module.exports = webpackConfig

其中config.moduleName = 'modules'

至此，多页面的配置已经完成。访问地址为： index : http://localhost:8088/modules/index.html phone : http://localhost:8088/modules/phone.html

browser Support

Modern browsers and Internet Explorer 10+.

snapshots

imsun; white-space: normal; word-spacing: 0px; text-transform: none; font-weight: normal; color: rgb(0,0); font-style: normal; orphans: 2; widows: 2; letter-spacing: normal; text-indent: 0px; font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px">