@longhongguo/component-antdv-upload

@form-create/ant-design-vue 内置组件

GitHub | 文档 | Document

安装

npm install @longhongguo/component-antdv-upload

使用

直接从源码导入（需要配置 webpack）

如果你从 src/index 导入，需要在 webpack 配置中处理 JSX 文件：

Vue CLI (vue.config.js):

module.exports = {
  transpileDependencies: ['@longhongguo/component-antdv-upload']
}

Webpack 配置:

module.exports = {
  module: {
    rules: [
      {
        test: /\.jsx$/,
        include: /node_modules\/@longhongguo\/component-antdv-upload/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@vue/cli-plugin-babel/preset'],
            plugins: ['@vue/babel-plugin-jsx']
          }
        }
      }
    ]
  }
}

使用构建后的文件（推荐）

使用构建后的文件，无需额外配置：

import upload from '@longhongguo/component-antdv-upload/dist/index.esm.js'
// 引入样式文件（必需）
import '@longhongguo/component-antdv-upload/dist/index.esm.css'
// 或
import upload from '@longhongguo/component-antdv-upload'
import '@longhongguo/component-antdv-upload/dist/index.css'

样式引入

重要：使用构建后的文件时需要手动引入样式文件

样式用于禁用上传组件的动画效果，必须引入才能正常工作：

// ESM 格式
import '@longhongguo/component-antdv-upload/dist/index.esm.css'
// 或 UMD 格式
import '@longhongguo/component-antdv-upload/dist/index.css'

如果从 src 导入，样式会被 webpack 自动处理（如果配置了 CSS loader）。

注意事项

• 该包包含 src 目录（源文件）和 dist 目录（构建文件）
• 如果从 src 导入，需要配置 webpack/babel 处理 JSX 和 CSS
• 建议使用构建后的文件（dist/index.esm.js）以避免配置问题
• 使用构建后的文件时，记得引入对应的 CSS 文件