作者:儒志楼 | 来源:互联网 | 2022-12-04 12:51
我正在使用Vue CLI 3开发用于Windows 10的计划软件。
该应用程序需要使用“ fs”模块,但是..我找不到路。任何地方都没有webpack配置文件。我该如何解决这个问题?
Vue CLI 3如此不同,以至于我无法使用stackoverflow引入的所有方法。
请帮我。
1> Sergeon..:
在引导应用程序时使用FS模块
您可以使用fs
自举应用程序时。例如,您可以读取文件系统中的文件以获取某些内容,然后将其添加到应用程序中以某种方式使用它。如果这是您想要的(我怀疑),则可以在您的中设置以下内容vue.config.js
:
const fs = require('fs');
const someFileCOntents= fs.readFileSync('my-path-to-the-file');
module.exports = {
lintOnSave: true,
configureWebpack: cOnfig=> {
return {
plugins: [
new webpack.DefinePlugin({
'somevar': someFileContents,
})
]
}
},
}
现在,无论何时您编写somevar
Web应用程序代码,webpack都将在编译时将其替换为文件内容。我认为这可能有一些用途,但从未使用过。
在浏览器中使用FS模块
出于安全原因,您不能fs
在浏览器中使用该模块:您将无法设置列出文件系统项或写入磁盘的Vue组件。这不是webpack,节点也不是Vue问题,这是由于浏览器的安全性限制所致。fs
node.js的本机模块与OS低级API通讯,浏览器无法访问它们。
如果Javascript能够修改或读取文件系统,则会产生很多灾难性的非常糟糕的安全漏洞。
FileSystem API
现在,有了这个相当新的浏览器API,即FileSystem API。
它不允许访问用户文件系统,但是它以某种方式模拟了Web应用程序可以在其中存储文件的沙盒文件夹。根据您的用例,它可能对您很有用,但没有最大的浏览器支持。
Webpack配置
任何地方都没有webpack配置文件。
实际上,在vue-cli 3应用程序中的所有webpack内容都应通过以下vue.config.js
文件完成:https : //cli.vuejs.org/guide/webpack.html 。
在这里您可以执行任意的node.js代码(实际上,您可以如前所述fs
从那里调用,因为它是在您的计算机上运行的代码,而不是在浏览器中运行的代码)。