vue-cli-plugin-joinzht-lib/index.js

接入中后台插件

/**
 * @Service插件
 * Service 插件接收两个参数的函数：
 * @PluginAPI实例和一个包含项目本地选项的对象
 * 可以扩展/修改不同环境的内部webpack配置，并为其注入其他命令vue-cli-service。
*/ 

const path = require('path')
module.exports = (api, projectOptions) => {
  const { name } = api.service.pkg
  api.chainWebpack(config => {
    config.merge({
      entry: {  // 设置 htmlentry路径 在部署时 静态文件能找到
        main: [
          path.resolve(__dirname, './public-path.js'),
          path.resolve(api.service.context, 'src/main.js')
        ]
      }
    })

    config
      // 开发环境配置
      .devServer
        .disableHostCheck(true)
        .headers({  // 确保 主项目能fetch 避免跨域
          'Access-Control-Allow-Origin': '*'
        })
      .end()
      // 把子应用打包成 umd 库格式
      .output
        .library(`${name}-[name]`)
        .libraryTarget('umd')
        .jsonpFunction(`webpackJsonp_${name}`)
  })
}