vue2.0 项目打包上线，自定义打包配置

最新推荐文章于 2024-07-25 07:30:00 发布

Monop

最新推荐文章于 2024-07-25 07:30:00 发布

阅读量1.8k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_53251830/article/details/126920054

版权

vue实际开发项目中，默认的打包可能不符合我们的设计，这时候就需要我们进行自定义了

1.找到/vue.config.js文件，修改module.exports配置

const {
  defineConfig
} = require('@vue/cli-service')
module.exports = defineConfig({
  //在项目配置的时候，默认 npm 包导出的是运行时构建，即 runtime 版本，不支持编译 template 模板
  runtimeCompiler: true,
  //关闭eslint校验
  lintOnSave: false,
  //webpack配置
  configureWebpack: {
    //关闭 webpack 的性能提示
    performance: {
      hints: false
    },
  },
  transpileDependencies: true,
  // index.html的路径
  indexPath: '../index.html',
  //默认输出文件夹为dist，我们也可以去修改他
  outputDir: '../public/myDist3',
  //将css，js和img静态资源文件夹放在同一个文件夹中
  assetsDir: 'assets',
  //打包后静态资源加前缀,index.html中引用资源的前缀
  publicPath: '/myDist3',
  //在实际开发过程中，前后端分离必定会存在跨域，设置代理