鍍金池/ 問答/HTML/ vue-cli配置多入口打包后顯示404?

vue-cli配置多入口打包后顯示404?

按照網(wǎng)上的一些教程配置多入口打包,結果生成的頁面是報錯Cannot GET /
Failed to load resource: the server responded with a status of 404 (Not Found)
網(wǎng)上的步驟基本如下:
var glob = require('glob');

然后在utils里添加方法:
exports.getEntries = function (globPath) {
var entries = {}
glob.sync(globPath).forEach(function (entry) {

  var tmp = entry.split('/').splice(-3)
  var moduleName = tmp.slice(1, 2);
  entries[moduleName] = entry

});

  return entries;

}

對{{webpack.base.conf.js進行改造}}
入口配置改為{{entry: utils.getEntries('./src/module/*/.js'),}}

最后改造webpack.dev.conf.js和webpack.prod.conf.js
移除原來的HtmlWebpackPlugin,在下面加上改成{{}}
var pages = utils.getEntries('./src/module/*/.html')
for(var page in pages) {
var conf = {
filename: page + '.html',
{{ template: pages[page], }}
inject: true,
excludeChunks: Object.keys(pages).filter(item => {

 return (item != page)

})
{{ }}}
module.exports.plugins.push(new HtmlWebpackPlugin(conf))
}

我的目錄結構

回答
編輯回答
雨萌萌

文件夾未找到 自己核實一下你配置的目錄問題 還有你的文件到底在不在該位置

然后再找解決辦法

2018年8月21日 02:36