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, //是否用多线程进行压缩
}
vue.config.js 配置介绍
最新推荐文章于 2023-06-26 17:54:51 发布