美文网首页
Taro dev输出目录结构调整

Taro dev输出目录结构调整

作者: 张思学 | 来源:发表于2020-04-01 11:23 被阅读0次

    Taro 运行项目成功后 dist 文件夹下会出现文件,这时我们可以使用小程序开发者工具预览,但是一个念头涌上心来,他不区分平台去输出的吗,只能看其中一个小程序,不可以同时看微信和百度小程序吗,于是我看了文档直接动手改了输出结构

    Taro项目 不同平台 打包到不同目录

    目的:同时编译多套代码,一次修改,同时预览不同平台小程序

    1. 根目录找到 config > index.js 并新增
    const outputRootStrtegy = {
      h5: "h5",
      weapp: "weapp",
      alipay: "alipay",
      swan: "swan",
      ["undefined"]: "dist"
    };
    const env = JSON.parse(process.env.npm_config_argv)["cooked"][1].split(":")[1];
    const outputRoot = outputRootStrtegy[env];
    
    1. 在当前文件变量 config 内找到 outputRoot 并修改
    outputRoot: `dist/${outputRoot}`,
    
    1. 完成后运行项目
    npm run dev:weapp
    

    你可以看到项目 dist 文件夹下出现了 weapp 文件夹

    相关文章

      网友评论

          本文标题:Taro dev输出目录结构调整

          本文链接:https://www.haomeiwen.com/subject/vreouhtx.html