Installation problem

I am a newbie. According to the documentation, there is a problem when using npm to install uppy. I use Windows10 OS, after installing npm, use the command line $ npm install @uppy/core @uppy/dashboard @uppy/tus, inside the folder. Generate a 140mb+ node_modules, there is no dist folder found, no uppy.min.js and uppy.min.css files are found; uppy is a good tool, but installing the deployment documentation is too simple, not for us newbie Friendly, of course, we can refer to the official cdn file, but this file is not all functions we can use, so I hope that the installation and deployment aspects can be more detailed, and can solve my installation problem.

[goto-bus-stop]

@maxence33 webpack doesn’t expose anything from modules by default. In your index.js file, you can do something like:

window.Uppy = require('@uppy/core')
Uppy.XHRUpload = require('@uppy/xhr-upload')
Uppy.Dashboard = require('@uppy/dashboard')
Uppy.Informer = require('@uppy/informer')
Uppy.AwsS3 = require('@uppy/aws-s3')
Uppy.StatusBar = require('@uppy/status-bar')

then you should be able to access the Uppy global variable and the Uppy.PluginName classes from your other scripts.

[dersar00]

Hello @skycyclone After you installed uppy modules, you need to require it to your file where you want to use it, for example to create a <UppyDashboard /> component in react, your file should look like this

const React = require('react')
const Uppy = require('@uppy/core')
const Tus = require('@uppy/tus')
const GoogleDrive = require('@uppy/google-drive')
const Instagram = require('@uppy/instagram')
const Dropbox = require('@uppy/dropbox')
const { Dashboard } = require('@uppy/react')

export class UppyDashboard extends React.Component {
  constructor (props) {
    super(props)
  }

  componentWillMount () {
    this.uppy = new Uppy({ id: 'uppy', autoProceed: true, debug: true })
       .use(XHRUpload, { endpoint: 'https://api2.transloadit.com' })      
    });
  }

  componentWillUnmount () {
    this.uppy.close()
  }

  render () {
    return (
      <div id="UppyDashboard">
        <Dashboard
          uppy={this.uppy}
        />
      </div>
    )
  }
}

export default UppyDashboard;

Good luck!