vue.config.js 配置介绍

let path = require('path')
function resolve (dir) {
  return path.join(__dirname, dir)
}
module.exports = {
    publicPath:'./',  //部署应用包时的基本 URL。用法和 webpack 本身的 output.publicPath 一致
    outputDir:'dist', //构建时的输出目录
    assetsDir:'assets', //放置生成的静态资源 (js、css、img、fonts)的(相对于 outputDir 的)目录
    indexPath:'index.html' ,//html的输出路径
    filenameHashing:true, //生成的静态文件是否需要带有hash
	lintOnSave:false //是否在保存的时候使用 `eslint-loader` 进行检查
    transpileDependencies: [],//babel-loader 默认会跳过 node_modules 依赖
    runtimeCompiler:false , // 将其设置为true将允许您在Vue组件中使用模板选项
    productionSourceMap: false,//是否为生产环境构建生成 source map
	//多页面开发的时候需要
	//pages:{
  		//index: {
			//page 的入口
	  		//entry: 'src/index/main.js',
	  		//模板来源
	  		//template: 'public/index.html',
	  		//在 dist/index.html 的输出
	  		//filename: 'index.html',
	  		//当使用 title 选项时,
	  		//template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
	  		//title: 'Index Page',
	  		//在这个页面中包含的块,默认情况下会包含
	  		//提取出来的通用 chunk 和 vendor chunk。
	  		//chunks: ['chunk-vendors', 'chunk-common', 'index']
  		//},
	  	//当使用只有入口的字符串格式时,
	  	//模板会被推导为 `public/subpage.html`
	  	//并且如果找不到的话,就回退到 `public/index.html`。
	  	//输出文件名会被推导为 `subpage.html`。
	  	//subpage: 'src/subpage/main.js'
  	//},
  	//调整内部的 webpack 配置
  	configureWebpack:() => {},
    chainWebpack: config => {
    	config.resolve.alias.set('@', resolve('src'))
   },
    css:{
        extract:true, //css抽出
        sourceMap: true, // source map
    },
    devServer: {
    	open: true, //编译后默认打开浏览器
      	host:'0.0.0.0',
      	port:'8090',
      	https:true,
      	// 访问 : http://localhost:8090/api/info
      	// 代理到 http://localhost:8081/api/info
      	// 真正的接口地址:http://localhost:8081/new/api/info
        proxy: {
            '^/api': {
	             target: 'http://localhost:8081',//目标地址
	             ws: true, //是否支持websocket
	             changeOrigin: true, //是否跨域
	             secure: true, //如果是https接口,需要配置这个参数
	             pathRewrite: {'^/api' : '/new/api'}//请求路径重写
            },
        }
    },
    parallel:4, //是否用多线程进行压缩
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值