libraryTarget: ‘umd’ 配置

output.libraryoutput.libraryTarget属性可能大家都会很少用,因为一般如果只在项目中使用 webpack 不需要关注这两个属性,但是如果是开发类库,那么这两个属性就需要用到了

配置 libraryTarget: ‘umd’ 时,记得把关闭拆分模块

示例(vue-cli3脚手架)

//vue.config.js

const path = require('path')

function resolve (dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  lintOnSave: true,
  chainWebpack: (config) => {
    // 删除拆分
    config.optimization.delete('splitChunks')
  },
  outputDir: 'gm-ui',
  configureWebpack: () => {
    return {
      entry: './src/main.js',
      output: {
        filename: 'index.js',
        // umdNamedDefine: true,
        library: 'gmui',
        libraryTarget: 'umd'
      }
    }
  }
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注