Vue CLI是一個(gè)構(gòu)建Vue.js項(xiàng)目的腳手架工具,它提供了快速創(chuàng)建和開發(fā)項(xiàng)目所需的配置和工具。在構(gòu)建Vue項(xiàng)目時(shí),經(jīng)常需要涉及到文件系統(tǒng)(FileSystem),包括文件讀寫、目錄遍歷等操作。此時(shí),Vue CLI內(nèi)置的fs模塊就能派上用場了。
下面是一個(gè)簡單的示例,演示如何使用fs讀取本地JSON文件:
const fs = require('fs')
const path = require('path')
// 讀取本地JSON文件
const filePath = path.resolve(__dirname, './data.json')
const content = fs.readFileSync(filePath, 'utf-8')
console.log(content)
這段代碼使用了fs和path模塊來讀取本地的JSON文件。其中,path.resolve()方法用于獲取絕對(duì)路徑,而fs.readFileSync()方法則是同步讀取文件內(nèi)容。這里我們將讀取的文件轉(zhuǎn)化為了字符串,并通過console.log()方法打印出來。
另外,Vue CLI還提供了很多其他有用的fs方法,如fs.writeFile()、fs.mkdirSync()等,可用于文件寫入和目錄創(chuàng)建等操作。這些方法能方便地完成一些常見的文件系統(tǒng)操作,從而極大地提高了開發(fā)效率。