12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- const path = require("path");
- const webpack = require("webpack");
- const HtmlWebpackPlugin = require("html-webpack-plugin");
- const MiniCssExtractPlugin = require("mini-css-extract-plugin");
- const devMode = process.env.NODE_ENV !== "production";
- module.exports = {
- mode: devMode ? "development" : "production",
- entry: "./src/index.js",
- output: {
- path: __dirname + "/build",
- filename: devMode ? "[name].js" : "[name].[chunkhash:8].js"
- },
- module: {
- rules: [
- /*
- {
- enforce: "pre",
- test: /\.(js|jsx)$/,
- exclude: /node_modules/,
- use: "eslint-loader"
- },
- */
- {
- test: /\.js$/,
- exclude: /node_modules/,
- use: {
- loader: "babel-loader",
- options: {
- presets: ["@babel/preset-env"]
- }
- }
- },
- {
- test: /\.scss$/,
- exclude: /node_modules/,
- use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"]
- }
- ]
- },
- plugins: [
- new HtmlWebpackPlugin({
- title: "Cryptocart",
- template: "src/index.html"
- }),
- new MiniCssExtractPlugin({
- filename: devMode ? "[name].css" : "[name].[contenthash:8].css"
- })
- ]
- };
|