diff --git a/examples/browser-webpack/.babelrc b/examples/browser-webpack/.babelrc deleted file mode 100644 index dddff4a741..0000000000 --- a/examples/browser-webpack/.babelrc +++ /dev/null @@ -1,6 +0,0 @@ -{ - "presets": [ - "stage-0", - "react" - ] -} diff --git a/examples/browser-webpack/package.json b/examples/browser-webpack/package.json index 7473783c20..2f67c8893f 100644 --- a/examples/browser-webpack/package.json +++ b/examples/browser-webpack/package.json @@ -8,18 +8,23 @@ "license": "MIT", "keywords": [], "devDependencies": { - "babel-core": "^6.24.1", - "babel-loader": "^7.0.0", - "babel-preset-react": "^6.24.1", - "babel-preset-stage-0": "^6.24.1", - "json-loader": "~0.5.4", - "react": "^15.5.4", - "react-dom": "^15.6.1", - "react-hot-loader": "^1.3.1", - "webpack": "^2.5.1", - "webpack-dev-server": "^2.4.5" + "@babel/core": "^7.2.2", + "@babel/preset-env": "^7.2.3", + "@babel/preset-react": "^7.0.0", + "babel-loader": "^8.0.5", + "react": "^16.7.0", + "react-dom": "^16.7.0", + "react-hot-loader": "^4.6.3", + "webpack": "^4.28.4", + "webpack-dev-server": "^3.1.14" }, "dependencies": { "ipfs": "file:../../" - } + }, + "browserslist": [ + ">1%", + "not dead", + "not ie <= 11", + "not op_mini all" + ] } diff --git a/examples/browser-webpack/webpack.config.js b/examples/browser-webpack/webpack.config.js index 4095cc996e..c12a025963 100644 --- a/examples/browser-webpack/webpack.config.js +++ b/examples/browser-webpack/webpack.config.js @@ -19,11 +19,18 @@ module.exports = { new webpack.HotModuleReplacementPlugin() ], module: { - loaders: [{ - test: /\.js$/, - loaders: ['react-hot-loader', 'babel-loader'], - include: path.join(__dirname, 'src') - }, { test: /\.json$/, loader: 'json-loader' }] + rules: [ + { + test: /\.js$/, + exclude: /node_modules/, + use: { + loader: 'babel-loader', + options: { + presets: ['@babel/preset-env', '@babel/preset-react'] + } + } + } + ] }, node: { fs: 'empty',