taboca/doc-js-webpack-dev-with-proxy-for-express

Technote / ReactJS / A react-based application served from webpack with a proxy to local express server app for serving JSON

doc-js-webpack-dev-with-proxy-for-express's Issues

In new attempt, possibly related to new webpack got Plugin/Preset files are not allowed to export objects, only functions."

Which relates to :

babel/babel#6808

I did follow the approach presets: ["@babel/preset-env", "@babel/react"] in a webpack.config.js being

var path = require("path");
var DIST_DIR = path.resolve(__dirname, "dist");
var SRC_DIR = path.resolve(__dirname, "src");
var config = {
    entry: SRC_DIR + "/index.js",
    output: {
        path: DIST_DIR + "/",
        filename: "bundle.js",
        publicPath: "/"
    },
    module: {
        rules: [
            {
                test: /\.js?/,
                include: SRC_DIR,
                loader: "babel-loader",
                query: {
                    presets: ["@babel/preset-env", "@babel/react"]
                }
            }
        ]
    }
};
module.exports = config;

With the install being:

• npm install @babel/preset-react --save-dev
• npm install babel-loader @babel/core @babel/preset-env --save-dev
• npm install babel --save-dev
• npm install webpack-dev-server --save-dev
• npm install webpack --save-dev