ogonkov · November 4, 2020 10:42 · ogonkov · Jan 24, 2020 · klesun · Jan 24, 2020
diff --git a/README.md b/README.md
diff --git a/index.ejs b/index.ejs
 <div class="<%= require('./item.css').item %>"></div>
diff --git a/index.js b/index.js
 // Just to make sure webpack is build something
diff --git a/item.css b/item.css
 .item {
    color: red;
 }
diff --git a/package.json b/package.json
 {
  "private": true,
  "name": "example",
  "scripts": {
    "build": "webpack"
  },
  "devDependencies": {
    "css-loader": "^5.0.0",
    "html-webpack-plugin": "^5.0.0-alpha.10",
    "mini-css-extract-plugin": "^1.2.1",
    "webpack": "^5.4.0",
    "webpack-cli": "^4.1.0"
  }
 }
diff --git a/webpack.config.js b/webpack.config.js
 const HTMLWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');

 module.exports = {
    mode: 'development',
    devtool: false,

    module: {
        rules: [
            {
                test: /\.css$/,
                use: [
                    {
                        loader: MiniCssExtractPlugin.loader
                    },
                    {
                        loader: 'css-loader',
                        options: {
                            modules: true
                        }
                    }
                ]
            }
        ]
    },

    plugins: [
        new HTMLWebpackPlugin({
            template: 'index.ejs'
        }),
        new MiniCssExtractPlugin(),
    ]
 };
	const HTMLWebpackPlugin = require('html-webpack-plugin');
	const MiniCssExtractPlugin = require('mini-css-extract-plugin');

	module.exports = {
	mode: 'development',
	devtool: false,

	module: {
	rules: [
	{
	test: /\.css$/,
	use: [
	{
	loader: MiniCssExtractPlugin.loader
	},
	{
	loader: 'css-loader',
	options: {
	modules: true
	}
	}
	]
	}
	]
	},

	plugins: [
	new HTMLWebpackPlugin({
	template: 'index.ejs'
	}),
	new MiniCssExtractPlugin(),
	]
	};
No results found