const HtmlWebpackPlugin = require("html-webpack-plugin");
const path = require('path');
module.exports = {
entry: [
'./assets/src/index.js', // path to our input file
'regenerator-runtime/runtime.js',
'core-js/stable'
],
output: {
filename: 'main.js', // output bundle file name
path: path.resolve(__dirname, './static/assets/'), // path to our Django static directory
},
// //to access to the styleguidist app
// devServer: {
// filename: 'main.js', // output bundle file name
// publicPath: path.resolve(__dirname, './static/assets/'),
// },
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
loader: "babel-loader",
options: { presets: ["@babel/preset-env", "@babel/preset-react"], plugins: ["transform-class-properties"] }
},
{
test: /\.css$/,
use: ["style-loader", "css-loader"]
},
{
test: /\.svg$/,
use: ['@svgr/webpack'],
},
]
},
plugins: [
new HtmlWebpackPlugin({
template: path.resolve(__dirname, "templates","assets", "index.html")
}),
],
};