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压缩后的文件应该被保存的位置和名称
          }
        }
      })
    ]
  }
}
相关推荐
肉肉不吃 肉7 分钟前
事件循环,宏任务,微任务
前端·javascript
z止于至善13 分钟前
Vue ECharts:Vue 生态下的 ECharts 可视化最佳实践
前端·vue.js·echarts·vue echarts
℘团子এ13 分钟前
什么是Docker
前端·docker·容器
Software攻城狮14 分钟前
【el-table 表格组件 删除标头分割线】
前端·vue.js·elementui
陆康永20 分钟前
vue2封装hook函数,可以监听主页面生命周期
前端·javascript·vue.js
我命由我1234521 分钟前
Vue Router - 记录一下 2 种路由写法
前端·javascript·vue.js·前端框架·html·html5·js
m0_7190841125 分钟前
导入导出—设备管理系统
前端·javascript·vue.js
周淳APP27 分钟前
【计算机网络之XSS、CSRF、DDoS原理及防御措施】
前端·网络·计算机网络·http·ddos·xss·csrf
gameboy03128 分钟前
如何自由切换 Node.js 版本?
node.js
wuhen_n30 分钟前
Vue Router 进阶:路由懒加载、导航守卫与元信息的高效运用
前端·javascript·vue.js