uni-app运行到小程序模拟器(vue3)时根目录的utils文件夹不会拷贝到unpackage里面

uni-app运行到小程序模拟器(vue3)时根目录的utils文件夹不会拷贝到unpackage里面

运行到小程序模拟器(vue3)根目录的utils文件夹不会拷贝到unpackage里面

https:https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20220602/010d3e11edfa08e066af3d7f056d69b1.png

https:https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20220606/50f1fda6c820deb5fd692866fb580815.png


更多关于uni-app运行到小程序模拟器(vue3)时根目录的utils文件夹不会拷贝到unpackage里面的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

项目中引入 utils 下的文件了吗？ 如果 utils 下的文件没有被引用，则不会被打包。 如果引入了仍然没有打包，导致报错，请提供更多信息或可复现demo，谢谢！

更多关于uni-app运行到小程序模拟器(vue3)时根目录的utils文件夹不会拷贝到unpackage里面的实战教程也可以访问 https://www.itying.com/category-93-b0.html


引用了

我现在只能放到common下面临时解决下

在 uni-app 中，运行到小程序模拟器时，默认情况下，只有 src 目录下的文件会被编译和打包到 unpackage 目录中。如果你在根目录下有一个 utils 文件夹，并且希望它也被拷贝到 unpackage 目录中，你可以通过以下方式实现：

1. 使用 copy-webpack-plugin 插件

你可以通过配置 vue.config.js 文件，使用 copy-webpack-plugin 插件将 utils 文件夹拷贝到 unpackage 目录中。

首先，安装 copy-webpack-plugin 插件：

npm install copy-webpack-plugin --save-dev

然后，在项目根目录下创建或修改 vue.config.js 文件，添加以下配置：

const CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = {
  configureWebpack: {
    plugins: [
      new CopyWebpackPlugin({
        patterns: [
          {
            from: 'utils', // 源文件夹
            to: 'unpackage/dist/dev/mp-weixin/utils', // 目标文件夹
          },
        ],
      }),
    ],
  },
};

2. 手动拷贝

如果你不想使用插件，也可以在每次构建后手动将 utils 文件夹拷贝到 unpackage 目录中。你可以编写一个简单的脚本来自动化这个过程。

例如，在 package.json 中添加一个脚本：

{
  "scripts": {
    "build": "npm run build:mp-weixin && npm run copy:utils",
    "build:mp-weixin": "vue-cli-service build --mode development --platform mp-weixin",
    "copy:utils": "cp -r utils unpackage/dist/dev/mp-weixin/utils"
  }
}

然后运行 npm run build 命令，它会先构建项目，然后将 utils 文件夹拷贝到 unpackage 目录中。

3. 将 utils 文件夹移动到 src 目录下

最简单的解决方案是将 utils 文件夹移动到 src 目录下。这样，它会被自动包含在构建过程中，并且会被拷贝到 unpackage 目录中。

mv utils src/utils
回到顶部