vue.js - vue多页面应用webpack如何设置

问题描述

问 题

项目一直是基于vue-cli SPA开发的，现在要做成多页面，所以要设置webpack，如下是我的设置，但是npm run build报错，如何解决？

解决方案

var pages = // 所有的入口页面;
pages.forEach(function(pathname) { // 依次new
    var conf = {
        filename:  //生成的html存放路径，相对于path
        template: html模板路径
        inject: 'body',    //js插入的位置，true/'head'/'body'/false
       
    if (pathname in baseWebpackConfig.entry) {
        conf.inject = 'body';
        conf.chunks = ['vendors', pathname];
        conf.hash = true;
    }
    devConfig.plugins.push(new HtmlWebpackPlugin(conf));  // 然后push到plugins里

这篇关于vue.js - vue多页面应用webpack如何设置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！