vue-cli 创建项目 webpack打包配置

最新推荐文章于 2024-07-22 09:08:11 发布

bugProgrammer1

最新推荐文章于 2024-07-22 09:08:11 发布

阅读量438

点赞数 14

文章标签： vue.js webpack 前端

本文链接：https://blog.csdn.net/liangyi_8/article/details/140133140

版权

在 vue.config.js中配置打包

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
    transpileDependencies: true,
    lintOnSave: false,
    publicPath: "./",

    devServer: {

        host: '0.0.0.0',
        proxy: {
            "/url": {
                target: "http://106.39.39.138:28082/",
                changeOrigin: true,
                ws: true,
                pathRewrite: { '^/url': '' },
            },
        },
        client: {
            overlay: false // 编译错误时，取消全屏覆盖（建议关掉）
        },

    },
    configureWebpack: (config) => {
        if (process.env.NODE_ENV === 'production') { // 为生产环境修改配置...
            config.mode = 'production';
            config["performance"] = { //打包文件大小配置
                "maxEntrypointSize": 10000000,
                "maxAssetSize": 30000000
            }
        }
    }

})

可能会遇到的问题

后台报错警告

继续写在module.exports = defineConfig({}）里面

   chainWebpack: (config) => {
        config.plugin('define').tap((definitions) => {
          Object.assign(definitions[0], {
            __VUE_OPTIONS_API__: 'true',
            __VUE_PROD_DEVTOOLS__: 'false',
            __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false'
          })
          return definitions
        })
      },