怎么用vue引入fs

我在vue项目中import fs from "fs"与let fs = require("fs")都没有效果,输出fs是一个空对象,使用fs.stat报错这不是一个方法。那我要怎么引入fs呢?

fs 是 nodejs 服务端的模块,用来开发 web api 时使用的,vue 属于前端框架运行在浏览器环境中,在浏览器环境中时没有 fs 模块的,所以会输出空对象;在浏览器中如果想要读取文件,建议使用 FileReader,具体的 FileReader 的介绍可以查看 FileReader - Web API 接口参考 | MDN (mozilla.org)

如果是监听文件变化之类的可以看看https://www.npmjs.com/package/chokidar  chokidar

fs.stat(path[, options], callback)  你写对的?

建议先确定,js是否暴露

同样,我也是引用fs;但是对应的值是空的;

是什么原因导致的呢?有查到原因的友友吗,望赐教;

 

'use strict';

 

var fs = require('fs');

 

export default {

    GETSTYLES(filepath){

        let str = '';

        console.log(filepath);

        console.log('fs',fs);

 

        fs.stat(filepath, (err, data) => {

            if (err) { console.log(err);return;}

 

            console.log(`是文件:${data.isFile()}`);

 

            console.log(`是目录:${data.isDirectory()}`);

 

        })


 

        fs.readFile(filepath, 'utf-8', function (err, data) {

            if (err) {

                console.log(err);

                str = 'err:'+err;

            } else {

                console.log(data);

                str = 'data:'+data;

            }

        });

        return str;

    },

}