webpack打包配置项

webpack打包配置项

在config.js 中

js 复制代码
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? '/' : '/', //静态资源目录
  outputDir: 'dist',  //打包名称
  assetsDir: 'static',//静态资源,目录
    devServer: {
    port: port,
    open: false,
    overlay: {
      warnings: false,
      errors: true
    },
    proxy: {
      //配置跨域
     "/api":{
        target:'http://localhost:3000', //代理服务器
        changeOrigin: true,
        pathRewrite: {
          "^/api": "/"
        }
      },
    }
  },
  configureWebpack:{
   name: name,
    resolve: {
      alias: {
        '@': resolve('src')  //@可以直接访问src目录下的文件
      }
    },
     plugins: [
      new FileManagerPlugin({
        events: {
          onEnd: {
            delete: ['./dist.zip'],//列出了应该被删除的文件或目录
            archive: [{source: './dist', destination: `./dist.zip`}]
            //source应该被压缩的源文件或目录
            //destination压缩后的文件应该被保存的位置和名称
          }
        }
      })
    ]
  }
}
相关推荐
涔溪13 分钟前
有哪些常见的Vite插件及其作用?
前端·vue.js·vite
糖墨夕14 分钟前
从一行代码看TypeScript的精准与陷阱:空值合并vs逻辑或
前端·typescript
Junsen20 分钟前
使用 Supabase 实现轻量埋点监控
前端·javascript
CnLiang30 分钟前
React Compiler Plugin
前端·react.js
一只爱吃糖的小羊38 分钟前
React 19 生命周期:从入门到实战的完整指南
前端·react.js
乔伊酱40 分钟前
Bean Searcher 遇“鬼”记:为何我的查询条件偷偷跑进了 HAVING?
java·前端·orm
uu_code00743 分钟前
字节磨皮算法详解
前端
HashTang1 小时前
【AI 编程实战】第 2 篇:让 AI 成为你的前端架构师 - UniApp + Vue3 项目初始化
前端·vue.js·ai编程
白中白121381 小时前
Vue系列-1
前端·javascript·vue.js
dorisrv1 小时前
Next.js 16 自定义 SVG Icon 组件实现方案 🎨
前端