vue 批量处理import导入组件为require()方式

最新推荐文章于 2025-09-12 14:40:45 发布

原创最新推荐文章于 2025-09-12 14:40:45 发布 · 3.9k 阅读

0 ·

CC 4.0 BY-SA版权

前端探讨专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种使用Node.js进行JavaScript文件中模块动态加载的方法。通过解析特定格式的import语句，实现按需加载模块，并将加载逻辑转换为现代ES6模块语法。此方法有助于优化应用启动时间和内存占用。

/*
*
*
*
* */
var fs = require("fs");
var path = require("path");
fs.readFile(__dirname + '/test2.js', {flag: 'r+', encoding: 'utf8'}, function callback(err, data) {
  var dataReg = data.split('/*\n' +
    '*\n' +
    '*\n' +
    '*\n' +
    '* */')[1].split('\n'), dataFinall = [],datatest=[];
  dataReg.map((item, index) => {
    if (item.indexOf('import') == 0) {
      datatest.push(item)
      dataFinall.push({name: item.split('import')[1].split('from')[0], url: item.split('import')[1].split('from')[1]})
    }
  });
  console.log(dataReg)
  console.log(datatest)
  var dataInsert = '';
  dataFinall.map(item => {
    dataInsert += `const${item.name}= (resolve) => {
  import(${item.url}).then((module) => {
    resolve(module)
  })
}\n`
  });
  fs.writeFile(__dirname + '/success.js', dataInsert, {flag: 'a'}, function (err) {
    if (err) {
      console.error(err);
    } else {
      console.log('写入成功');
    }
  });
});