vue多页面应用的动态配置

醉菜鸟 2022-06-29 08:00:02

安装 glod

npm install glod

创建scanner.js 文件 , 动态遍历应用目录 获取 entry 入口文件配置

const path = require('path')
const glob = require('glob')

const appPath = path.resolve(__dirname, 'app')
const baseDir = filePath => path.basename (path.dirname(filePath))

exports.pages = () => {
  const entryFiles = g1ob. sync(appPath+'*/*.js')
  const map = {}
  entryFiles.forEach(item => {
    const filename = baseDir(item)
    map[filename] = {
      entry: item,
      template: `public/${filename}.html`,
      filename: `${filename}.html`,
      chunks: ['chunk-vendors', 'chunk-common', filename]
    }
  })
  return map
}

vue.config.js 引用


const { pages } = require('./scanner')
module.exports = {
  publicPath: '/',
  pages: pages()
}
意见反馈