mpvue 修改小程序路径

最新推荐文章于 2025-03-20 15:44:55 发布

best-toby

最新推荐文章于 2025-03-20 15:44:55 发布

阅读量481

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： mpvue

本文链接：https://blog.csdn.net/besttoby01/article/details/100895999

js 专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍了如何修改Webpack配置文件，解决小程序页面入口由main.js更改为index.js的问题，包括代码修改步骤、遇到的错误及解决方案，如import与default冲突及文件打包残留等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

修改 build文件夹中webpack.base.conf.js文件

第21行

function getEntry(rootSrc) {
  var map = {};
  glob.sync(rootSrc + '/pages/**/main.js')
    .forEach(file => {
      var key = relative(rootSrc, file).replace('.js', '');
      map[key] = file;
    })
  return map;
}

打印map看看，是一个对象。根据代码提示是修改key，就是最终的小程序地址。

function getEntry(rootSrc) {
  var map = {};
  glob.sync(rootSrc + '/pages/**/main.js')
    .forEach(file => {
      var key = relative(rootSrc, file).replace('.js', '').replace(/\\main/, '\\index');
      map[key] = file;
    })
  return map;
}

所以我把main替换为index。

期间问题：第一次我把main改为index，然后修改文件名为index，报错说import和default共同存在，冲突。

第二次，替换成功了，但是我看文件多了一部分老的代码，以为是改错了。后续想起来是因为文件打包了，但是不会删除重新打包，所以旧的打包代码还在（整的我以为哪里有问题）。最后我删除了dist文件夹，重新编译，就ok了。