vue-cli中打包成一个lib，怎么用webpack实现

要将 Vue.js 组件打包成一个库，可以使用 webpack 进行构建。下面是一个简单的 webpack 配置示例，它将 Vue.js 组件打包成一个库:

const path = require('path');

module.exports = {
  mode: 'production', // 生产模式
  entry: './src/index.js', // 入口文件
  output: {
    path: path.resolve(__dirname, 'dist'), // 输出目录
    filename: 'my-library.js',
    library: 'my-library', // 导出库的名称
    libraryTarget: 'umd', // 导出库的格式
    umdNamedDefine: true // 在 AMD 模式下为匿名模块命名
  },
  module: {
    rules: [
      {
        test: /\.vue$/,
        exclude: /node_modules/,
        loader: 'vue-loader'
      },
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader'
      }
    ]
  },
  externals: {
    vue: 'vue' // 外部依赖
  }
};

这个配置做了以下几件事情：

1. 设置 `mode` 为 `production` 模式
2. 设置入口文件为 `src/index.js`
3. 配置输出目录和输出文件名
4. 设置导出库的名称为 `my-library`
5. 设置导出库的格式为 `umd`
6. 配置加载器，加载 Vue.js 单文件组件和 ES6+ 代码
7. 设置外部依赖, 这里是 vue, 库的使用者需要自己安装 Vue.js

完成上述配置后，执行 `npm run build` 就可以将 Vue.js 组件打包成一个库了。