Get up to date node / npm
brew install node
brew install npm
cd frontend
npm init -y
npm i webpack webpack-cli --save-dev
# package.json
"scripts": {
"dev": "webpack --mode development ./cathapi/frontend/src/index.js --output ./cathapi/frontend/static/frontend/main.js",
"build": "webpack --mode production ./cathapi/frontend/src/index.js --output ./cathapi/frontend/static/frontend/main.js"
}
npm i @babel/core babel-loader @babel/preset-env @babel/preset-react babel-plugin-transform-class-properties --save-dev
npm i react react-dom prop-types --save-dev
# .babelrc
{
"presets": [
"@babel/preset-env", "@babel/preset-react"
],
"plugins": [
"transform-class-properties"
]
}
# webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
}
]
}
};