diff --git a/examples/youtube-react-tv/package.json b/examples/youtube-react-tv/package.json index 7e2392f..2fe814f 100644 --- a/examples/youtube-react-tv/package.json +++ b/examples/youtube-react-tv/package.json @@ -11,24 +11,25 @@ }, "scripts": { "build": "webpack", - "start": "yarn build && react-tv run-webos", + "start": "npm build && react-tv run-webos", "start-dev": "webpack-dev-server --progress --colors" }, "dependencies": { "randomstring": "^1.1.5", - "react": "^16.0.0", + "react": "^16.9.0", "react-fontawesome": "^1.6.1", - "react-key-navigation": "0.0.9", - "react-tv": "^0.3.0-alpha.2" + "react-key-navigation": "0.0.13", + "react-tv": "^0.4.3" }, "devDependencies": { - "babel-core": "^6.4.5", - "babel-loader": "^6.2.1", - "babel-preset-env": "^1.6.1", - "babel-preset-react": "^6.3.13", - "css-loader": "^0.28.7", - "style-loader": "^0.19.0", - "webpack": "^1.12.12", - "webpack-dev-server": "^1.12.1" + "@babel/core": "^7.5.5", + "@babel/preset-env": "^7.5.5", + "@babel/preset-react": "^7.0.0", + "babel-loader": "^8.0.6", + "css-loader": "^3.2.0", + "style-loader": "^1.0.0", + "webpack": "^4.39.2", + "webpack-cli": "^3.3.7", + "webpack-dev-server": "^3.8.0" } } diff --git a/examples/youtube-react-tv/webpack.config.js b/examples/youtube-react-tv/webpack.config.js index 20dc85a..452beb5 100644 --- a/examples/youtube-react-tv/webpack.config.js +++ b/examples/youtube-react-tv/webpack.config.js @@ -5,23 +5,25 @@ module.exports = { entry: './src/App.js', output: {path: __dirname, filename: 'bundle.js'}, resolveLoader: { - root: path.join(__dirname, 'node_modules'), + modules: ['node_modules'], }, module: { - loaders: [ + rules: [ { test: /.jsx?$/, - loader: 'babel-loader', exclude: /node_modules/, - query: { - presets: ['env', 'react'], - }, + use: { + loader: 'babel-loader', + options: { + presets: ['@babel/preset-env', '@babel/preset-react'] + } + } }, { test: /\.css$/, - loader: 'style!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]' + loader: 'style!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]' } - ], + ] }, plugins: [ new webpack.DefinePlugin({