Example importing to typescript/webpack?

[d9k]

Hello! Please include examples for using module with import.

import * as videojs from 'video.js'
import "flv.js"
import "videojs-flvjs"

doesn't work in my typescript project: flvjs is undefined

If I use ugly

let videojs = require('video.js')
let flvjs = require('flv.js')
window.flvjs = flvjs
let videoJsFlvJsModule = require("videojs-flvjs")

tech becomes attached to another instance of video.js module! videojs.getTech('Flvjs') is undefined

If I try to fix it with

let videojs = require('video.js')
let flvjs = require('flv.js')
window.flvjs = flvjs
let videoJsFlvJsModule = window.videoJsFlvJsModule = require("videojs-flvjs")
let videoJsFlvJsTech = window.videoJsFlvJsTech = videoJsFlvJsModule.default
videojs.registerTech('Flvjs', videoJsFlvJsTech)

then registerTech fails with an error because tech generated with another videojs module instance I get an error Tech Flvjs must be a Tech because the component.prototype instanceof Tech check fails.

[d9k]

Code generated by webpack uses different modules ids in __webpack_require__(), for me 1325 and 1327. Why so?

[d9k]

Now works. I had to copy /src/plugin.js in this repo to my project (to the lib/VideoJsFlvJs.ts file) and change there

import videojs from 'video.js'

to

import * as videojs from 'video.js'.

On my application code:

import * as videojs from 'video.js'
window.flvjs = require('flv.js')
require('./lib/VideoJsFlvJs')

BTW, I'm using Webpack 3, no time for migrate to 4+ yet.

[yexk]

I used your solution. It's not good in webpack 4+, report errors: TypeError: video_js__WEBPACK_IMPORTED_MODULE_1__ is not a function