vue项目
json
javascript
复制代码
// 方式一 ： 将文件内容完整的引入
import json from './src/assets/xxx.json'
console.log(json)
console.log('---')
// 方式二 ： 部分引入-名称必须是文件中定义的key
import {name1,name2} from './src/assets/xxx.json'
console.log(name1)
console.log(name2)
js
javascript
复制代码
import '../xxxxx.js';
批量引入
javascript
复制代码
//三级边框
let lnglatJson = loadFrames (require.context('../assets/js/lnglatJson', false, /\.js$/))
/**
* 批量加载js
* @param {Function} context - require.context 创建的函数
* @returns {Array<string>} 返回的所有js
*/
function loadFrames (context) {
const frames = {}
context.keys().forEach(k => {
if(k.includes('anyang')){
frames['xx']=context(k)
}else if(k.includes('hebi')){
frames['xx']=context(k)
}else if(k.includes('xinxiang')){
frames['xxx']=context(k)
}
})
return frames
}
export default {lnglatJson}
vite项目
json
javascript
复制代码
//单个
import.meta.glob('./languages/**/*.json', {
import: 'default',
eager: true,
})
javascript
复制代码
//json导入
//批量
(async function(){
let jsonFiles =await import.meta.globEager('../../../../public/js/map/json/*.json');
console.log(jsonFiles)
let jsonData={}
for (let filePath in jsonFiles) {
const fileData = jsonFiles[filePath].default;
jsonData[filePath.replace(/.*\//, '')] = fileData; // 移除路径前缀
}
console.log(jsonData)
})()
//写在函数中
onMounted(async () => {
let jsonFiles =await import.meta.globEager('../../../../public/js/map/json/*.json');
console.log(jsonFiles)
let jsonData={}
for (let filePath in jsonFiles) {
const fileData = jsonFiles[filePath].default;
jsonData[filePath.replace(/.*\//, '')] = fileData; // 移除路径前缀
}
console.log(jsonData)
});
js
javascript
复制代码
//js导入
import '../../../../public/js/map/yunnan.js';
//云南导入
const files = import.meta.globEager("../../../../public/js/map/yunnan/*")
let AllPics = Object.values(files).map((v) => v.default);