vue 多入口文件搭建 vue多页面搭建的实例讲解

发布时间：2020-12-17 02:31:05 所属栏目：百科来源：网络整理

导读：红色为更改后的不同之处 vue 多入口文件搭建在webpack.base.conf 中修改这样一来的话，就在中细分，最后输出html都在dist下。这里的字符串操作也是和路径的情况相匹配的，如果有需要进行其他方式的设定，注意在这里修改路径的识别。 vue多页面搭建原本的

红色为更改后的不同之处

vue 多入口文件搭建

在webpack.base.conf

中修改

这样一来的话，就在中细分，最后输出html都在dist下。

这里的字符串操作也是和路径的情况相匹配的，如果有需要进行其他方式的设定，注意在这里修改路径的识别。

vue多页面搭建

原本的webpack.dev.conf中有一个插件的设置内容

对这部分内容进行修改

console.log("filename:"+pathname +'.html');
console.log("template:"+pages[pathname]);
// 配置生成的html文件，定义路径等
var conf = {
filename: pathname +'.html',// 模板路径
minify:{ //
removeComments:true,collapseWhitespace: false
},inject: true,"manifest"]// 每个html引用的js模块，也可以在这里加上vendor等公用模块
};
// 需要生成几个html文件，就配置几个HtmlWebpackPlugin对象
module.exports.plugins.push(newHtmlWebpackPlugin(conf));
}

以上这篇vue 多入口文件搭建 vue多页面搭建的实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!