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压缩后的文件应该被保存的位置和名称
          }
        }
      })
    ]
  }
}
相关推荐
Rysxt_2 分钟前
UniApp App.vue 文件完整教程
开发语言·前端·javascript
qiyue776 分钟前
AI浪潮下,前端的路在何方,附前端转KMP实践
前端·ai编程
Moment7 分钟前
历史性突破!LCP 和 INP 终于覆盖所有主流浏览器,iOS 性能盲点彻底消失
前端·javascript·面试
小小荧8 分钟前
Hono与Honox一次尝试
前端·后端
菩提小狗23 分钟前
第2天:基础入门-Web应用&架构搭建&漏洞&HTTP数据包&代理服务器|小迪安全笔记|网络安全|
前端·安全·架构
咖啡の猫32 分钟前
Python集合生成式
前端·javascript·python
QT 小鲜肉42 分钟前
【Linux命令大全】001.文件管理之mtoolstest命令(实操篇)
linux·运维·前端·笔记·microsoft
holeer44 分钟前
React UI组件封装实战——以经典项目「个人博客」与「仿手机QQ」为例
前端·javascript·react.js·ui·前端框架·软件工程
chilavert3181 小时前
技术演进中的开发沉思-277 AJax :Calendar
前端·javascript·microsoft·ajax
debug 小菜鸟1 小时前
搭建web 环境的那些事
前端