vue.config.js配置

publicPath:基本路径。
outputDir:输出文件目录。
assetsDir:静态资源目录。
lintOnSave:是否使用eslint。
productionSourceMap:生产环境是否生成sourceMap。
configureWebpack:webpack配置,包括入口文件、输出文件、插件等。
chainWebpack:webpack链式操作,可以用于修改loader配置等。
devServer:devServer配置,包括代理配置。
pluginOptions:第三方插件配置,包括插件列表等。

vue.config.js是一个Vue CLI 3.x项目的配置文件

module.exports = {
  // 基本路径
  publicPath: '/',
 
  // 输出文件目录
  outputDir: 'dist',
 
  // 静态资源目录
  assetsDir: 'static',
 
  // 是否使用eslint
  lintOnSave: true,
 
  // 生产环境是否生成sourceMap
  productionSourceMap: false,
 
  // webpack配置
  configureWebpack: {
    // 入口文件
    entry: './src/main.js',
    // 输出文件
    output: {
      filename: 'js/[name].[hash:8].js',
      chunkFilename: 'js/[name].[hash:8].js'
    },
    // 插件
    plugins: [
      // 插件列表
    ]
  },
 
  // webpack链式操作
  chainWebpack: (config) => {
    // 修改loader配置
    config.module
      .rule('images')
      .use('url-loader')
      .tap(options =>
        Object.assign(options, {
          limit: 10240
        })
      );
  },
 
  // devServer配置
  devServer: {
    // 代理配置
    proxy: {
      '/api': {
        target: 'http://localhost:8080',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  },
 
  // 第三方插件配置
  pluginOptions: {
    // 插件列表
  }
};

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值