前端項目里require了fs模塊，但是一直報錯？

fs.readFileSync is not a function

引入代碼

var fs = require('fs');
fs.readFileSync('index.html','utf8');

這是webpack配置文件

const path = require('path') // 引入‘path’，為了在這里使用絕對路徑，避免相對路徑在不同系統(tǒng)時出現(xiàn)不必要的問題
const HTMLPlugin = require('html-webpack-plugin')
const webpack = require('webpack');

const config = {
    // 應用入口
    entry: {
        app: path.join(__dirname, '../src/app.js')  // app.js作為打包的入口
    },
    // 輸出目錄
    output: {
        filename: '[name].[hash].js',  //name代表entry對應的名字; hash代表 整個app打包完成后根據(jù)內(nèi)容加上hash。一旦整個文件內(nèi)容變更，hash就會變化
        path: path.join(__dirname, '../dist'), // 打包好之后的輸出路徑
        publicPath: '' // 靜態(tài)資源文件引用時的路徑（加在引用靜態(tài)資源前面的）
    },
    // 配置loader
    module: {
        rules: [
            {
                test: /.jsx$/, //使用loader的目標文件。這里是.jsx
                loader: 'babel-loader'
            },
            {
                test: /.(js)$/, //使用loader的目標文件。這里是.js
                loader: 'babel-loader',
                exclude: [
                    path.join(__dirname, '../node_modules')  // 由于node_modules都是編譯過的文件，這里我們不讓babel去處理其下面的js文件
                ]
            }
        ]
    },
    node: {
      fs: 'empty'
    },
    plugins: [
        new HTMLPlugin({
            template: path.join(__dirname, '../src/template.html') // 以template.html作為模板文件生成html
        }),
        new webpack.HotModuleReplacementPlugin()
    ]
}

const isDev = process.env.NODE_ENV === 'development'

if (isDev) {
    config.devServer = {
        host: '0.0.0.0',  // 我們可以允許我們用任意方式進行訪問（127.0.0.1，localhost, 本機ip）
        port: '8888',
        contentBase: path.join(__dirname, '../dist'),
        hot: true,  //啟動熱加載
        overlay: {  // 錯誤提醒彈窗小遮層
            errors: true //只顯示error
        },
        // 和output配置對應起來
        publicPath: '',  // 訪問所有靜態(tài)路徑都要前面加/public才能訪問生成的靜態(tài)文件
        historyApiFallback: {
            index: '/index.html' // 所有404的請求全部訪問該配置下的url
        }
    }
}

module.exports = config