开发阶段如何设置vue3 vite项目浏览器中不显示Src源代码

在Vue 3项目中，如果你想在浏览器中隐藏Source Maps（源代码映射），以便提高生产环境的安全性和用户体验，可以在Vite的配置文件`vite.config.js`中进行调整。以下是设置步骤：

1. 打开`vite.config.js`文件。
2. 寻找`build`部分，通常在构建选项(`build')中找到`defineConstants`或`optimizeDeps`配置项。
3. 如果`defineConstants`存在，你可以添加一个常量，例如:

// vite.config.js
export default defineConfig({
  build: {
    defineConstants: {
      __DEV__: process.env.NODE_ENV !== 'production',
      SOURCEMAPS_HIDE: true, // 新增这行配置
    },
  },
});

4. 如果`optimizeDeps`存在，可以使用`minifyOptions`属性来控制：

build: {
  optimizeDeps: {
    minifyOptions: {
      sourceMap: false, // 关闭source map
    },
  },
},

5. 保存配置后，运行 `npm run build` 或 `yarn build` 进行构建。此时，在生产环境下，浏览器将不会显示源代码。