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压缩后的文件应该被保存的位置和名称
          }
        }
      })
    ]
  }
}
相关推荐
狗头大军之江苏分军8 分钟前
iPhone 17 vs iPhone 17 Pro:到底差在哪?买前别被忽悠了
前端
小林coding8 分钟前
再也不怕面试了!程序员 AI 面试练习神器终于上线了
前端·后端·面试
文心快码BaiduComate21 分钟前
WAVE SUMMIT深度学习开发者大会2025举行 文心大模型X1.1发布
前端·后端·程序员
babytiger21 分钟前
python 通过selenium调用chrome浏览器
前端·chrome
passer98127 分钟前
基于webpack的场景解决
前端·webpack
奶昔不会射手40 分钟前
css3之grid布局
前端·css·css3
举个栗子dhy44 分钟前
解决在父元素上同时使用 onMouseEnter和 onMouseLeave时导致下拉菜单无法正常展开或者提前收起问题
前端·javascript·react.js
Coding_Doggy1 小时前
苍穹外卖前端Day1 | vue基础、Axios、路由vue-router、状态管理vuex、TypeScript
前端
前端与小赵1 小时前
vue3和vue2生命周期的区别
前端·javascript·vue.js