Как решить проблему Can't resolve 'fs'?

Question

[kirillleogky]

Я хочу добавить на проектdotenv
Мой файл js:

require('dotenv').config();
window.console.log(process.env.IP_INFO_TOKEN);

Мой .env:
IP_INFO_TOKEN = '12f917'


Мой webpack.config:

const path = require('path');

module.exports = {
  entry: ['@babel/polyfill', './src/index.js'],
  mode: 'development',
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist')
  },
  module: {
  rules: [
    {
      test: /\.js$/,
      enforce: 'pre',
      exclude: /node_modules/,
      loader: 'eslint-loader',
    },
    {
      test: /\.js$/,
      exclude: /(node_modules|bower_components)/,
      use: {
       loader: 'babel-loader',
       options: {
        presets: ['@babel/preset-env']
       }
      }
    },
    {
      test: /\.css$/,
      use: ['style-loader','css-loader']
    },
    {
      test: /\.(jpg|png|svg|ttf|woff|eot)$/,
      loader: 'url-loader',
      options: {
       name: 'img/[name].[ext]',
      },
    }
  ],
 }
};

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

Comments

[kirillleogky]

VicTHOR, да

[kirillleogky]

VicTHOR, все гут, но значение в dotenv получается undefined
пример:

let responseIp = await fetch(`https://ipinfo.io/json?token=${process.env.IP_INFO_TOKEN}`);
  responseIp = await responseIp.json();
  window.console.log(responseIp);

Answer 1

[Rickkk]

Попробуйте перед module.exports написать строчки.

var config = Encore.getWebpackConfig();
config.node = { fs: 'empty' };

Comments

[kirillleogky]

Rickkk

const path = require('path');

var config = Encore.getWebpackConfig();
config.node = { fs: 'empty' };

module.exports = {
  entry: ['@babel/polyfill', './src/index.js'],
  mode: 'development',
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist')
  },