Отчего возникает ошибка «Can't resolve 'fs'» при использовании node.js и wabpack?

Question

[Антон П.]

Задача: Нужно получить файлы из каталога.

Мною написанный фрагмент кода

var fs = require('fs');
let path = require('path');

module.exports = {
	home: require('../components/Home.js'),
	contact: require('../components/Contact.js'),
	path: function(){
		let p = path.resolve(__dirname,'./src/components');
		fs.readdir( p, function(err, items) {
			console.log(err);
			console.log(items);
		});
	},
}

При сборке проекта вылетает ошибка

ERROR in ./src/core/registry.js
Module not found: Error: Can't resolve 'fs' in '/var/www/swylet.ru/src/core'
 @ ./src/core/registry.js 1:9-22
 @ ./src/core/router.js
 @ ./src/core/boot.js
 @ ./src/index.js

webpack.config.js у меня следующий

let path = require('path');
let config = {
	entry: './src/index.js',
	output: {
		path: path.resolve(__dirname,'./www/'),
		filename: 'script.js'
	},
	devtool: "eval-sourcemap"
};
module.exports = (evn, options) => {
	let mode = options.mode === 'production';
	config.devtool = mode ? false : "eval-sourcemap";
	return config
};

Погуглив, нашел что некоторые избавляются от данной проблемы добавив в webpack.config
node: {
fs: "empty"
}

Я попробовал, сборка прошла нормально, по вод в браузере выпадает ошибка
TypeError: fs.readdir is not a function

Что я делаю не так?

Comments

[Lynn «Кофеман»]

Нужно задать правильный target https://webpack.js.org/concepts/targets/

[Михаил Горячкин]

А ведь он прав)

[Антон П.]

Алексей Тен, прошу прошения если туплю. Добавил target: 'node'. Тут https://webpack.js.org/configuration/target/ написано, что эта цаль нужная если я использую "Node.js-like environment", а также добавлено, что нужно использовать require (uses Node.js require to load chunks).
Cборка прошла успешно, но браузер выподает в ошибку ReferenceError: require is not defined? Как require вообще попадает в код?

[Lynn «Кофеман»]

Антон П., так если вы собираете для браузера, у вас вообще не должно быть использования модуля fs