VUE中vue.config.js配置

const { defineConfig } = require('@vue/cli-service')

module.export = defineConfig({
   productionSourceMap: false, // 打包是否生成.map文件
   publicPath: 'xx.xx.xx',  // 部署的URL
   assetsDir: 'static',   // 放置静态文件
   outputDir: 'dist',   // 打包文件名
   lintOnSave: true,   // 开发环境提示eslint编译警告
   devServer: {
    proxy: {
      '/api': {
        target: 'http://xx.xx:80',  // 代理地址
        timeout: 600000,   // 延时时间10分钟
        ws: true,  // 支持websocket
        changOrigin: true,  // 运行跨域
        logLevel: 'debug'  // 打印日志
      },
    },
    hot: true,  // 热更新
    port: '80', // 开发端口
    open: true, // 打开浏览器
  },
  transpileDependencies: true, // 对transpileDependencies: ['vue-echarts']中的依赖进行编译  
  runtimecompiler: true, // 对template模板内容进行编译
  pluginOptions: {    // less预处理器
    'style-resources-loader': {
      preProcessor: 'less',
      // 要注入的资源的路径,需要用绝对路径
      patterns: [
        path.join(__dirname, './src/assets/styles/variables.less'),
        path.join(__dirname, './src/assets/styles/mixins.less')
      ]
    }
  },
  css: {   // css设置全局样式
    requireModuleExtension: true,
    sourceMap: true,
    loaderOptions: {
      less: {
        lessOptions:{
          javaScriptEnabled: true,
        }
      }
    }
  }
})

你可能感兴趣的:(vue.js,javascript,前端)