vue-widget

默认打包出来的 umd 包的导出属性名是 package.json 的 name （不能是驼峰法）,但是 js 变量不能有中划线， 也就导致了导出的变量只能用 window["vue-widget"], 可以通过 --name VueWidget 指定暴露的变量名

inline-vue 无效

css 是否要打入到扩展点进去

vue.config.js 配置

module.exports = {
  css: {
    extract: false
  }
}

在脚本的头部中打出版本号，用于后续核对

vue.config.js 配置

const version = require('./package.json').version
module.exports = {
  configureWebpack: () => {
    if (process.env.NODE_ENV !== 'production') return
    return {
      plugins: [new webpack.BannerPlugin(version)],
    }
  }
}

尝试下这个方案

构建目标 | Vue CLI