小程序为什么要用IDE打包而不是本地打包，IDE打包导致Postcss和Webpack插件全部挂了

[icebreaker]

• Tuya MiniApp Tools 版本信息：
  Tuya MiniApp Tools:
  0.6.5;
  Minipack: 2.0.0
  
  • App 应用版本信息： 2.19.2
  • @ray-js/ray, @ray-js/panel-sdk的版本（如使用ray开发）在package.json查看~
    1.5.10. 和 1.10.9
  • 问题描述（复现步骤）：

本地创建了 postcss.config.js 注册了一些插件，然后设置了 ray.config.ts

Code: Select all

import { RayConfig } from '@ray-js/types';
import { UnifiedWebpackPluginV5 } from 'weapp-tailwindcss/webpack'
const config: RayConfig = {
  bundler: 'webpack',
  plugins: [(api) => {
    return {
      configWebpack(params) {
        params.config.merge({
          plugin: {
            install: {
              plugin: UnifiedWebpackPluginV5,
              args: [
                {
                  cssMatcher(name) {
                    return /\.tyss$/.test(name)
                  },
                  rem2rpx: true,
                }
              ]
            }
          }
        })
      },
    }
  }],
};

export default config;

Code: Select all

- 预期结果：webpack 插件和postcss 插件注册成功

- 实际结果：都没有成功，使用的IDE里面的esbuild进行打包，似乎都没有用到本地的 ray 包

[noyobo]

1. 如果需要自行本地构建，可以移除 project.tuya.json 里的 devMode 字段。声明了该字段，IDE 会默认启动 ray 构建流程。
2. 移除该字段后，需要自行在终端里进行启动命令，并声明 webpack 构建模式
   ray start --target=tuya --bundler=webpack
   ray build --target=tuya --bundler=webpack
3. 由于是自行终端构建，请务必在正式发布上线前，使用 ray build 命令后，再使用 IDE 进行发布，因为 build 模式下的构建产物代码内容更精简，避免小程序包体积过大。