c语言编程笔录

首页 >   > 笔记大全

笔记大全

uniapp修改打包目录

更新时间:2023-07-16

问题描述:

在uniapp开发中,想要修改打包目录,也就是将项目打包后生成的文件存放在指定的目录下。如何实现这个需求?

解决方案:

要修改uniapp项目的打包目录,我们需要修改uniapp的webpack配置文件,在其中指定打包后文件的存放路径。

代码示例:

// 在项目根目录下,找到build文件夹,然后打开webpack.dev.conf.js文件。

// 在文件中找到output字段,修改其中的路径地址,例如将路径修改为dist/myapp:
output: {
  path: config.build.assetsRoot,
  filename: utils.assetsPath('js/[name].[chunkhash].js'),
  chunkFilename: utils.assetsPath('js/[id].[chunkhash].js'),
  // 修改打包目录
  publicPath: process.env.NODE_ENV === 'production'
    ? config.build.assetsPublicPath
    : config.dev.assetsPublicPath + 'dist/myapp/'
}

解释与说明:

代码示例中,我们修改了output字段中的publicPath属性,将打包后文件的存放路径修改为了dist/myapp。需要注意的是,这个路径是相对于服务器的,所以我们还需要在服务器的根目录下创建一个myapp文件夹,用于存放打包后的文件。

在修改了webpack配置文件后,我们再次运行打包命令(比如npm run build),会将项目打包后生成的文件存放在指定的目录下。

总结:

要修改uniapp项目的打包目录,我们通过修改webpack配置文件中的output.publicPath属性来实现。这样就可以指定打包后文件的存放路径,让项目的文件结构更加清晰和规范。