vite中的一些配置

2023-08-10  本文已影响0人  如果俞天阳会飞

entryFileNames chunkFileNames assetFileNames区别

 rollupOptions: {
      output: {
        chunkFileNames: `assets/js/[name]-[hash]${timestamp}.js`, // 引入文件名的名称
        assetFileNames: `assets/[ext]/[name]-[hash]-${timestamp}.[ext]`,  // 包的入口文件名称
        entryFileNames: `assets/js/[name]-[hash]-${timestamp}.js`, // 资源文件像 字体,css 图片等
      },
    },

构建去掉console和debugger

// 使用esbuild来构建去掉console和debugger,

export default defineConfig({
    build:{
      minify: 'esbuild', 
    },
    esbuild: {
      drop: ['console', 'debugger'],
    },
});
export default defineConfig(({ command, mode }) => ({
    build:{
      minify: 'esbuild', 
    },
    esbuild: {
      drop: mode === 'production' ? ['console', 'debugger'] : [],
    },
})
// 使用 terser 作为构建工具

export default defineConfig({
  build: {
    minify: 'terser',
    terserOptions: {
      compress: {
        drop_console: true,
        drop_debugger: true,
      },
    },
  },
})
上一篇下一篇

猜你喜欢

热点阅读