vue 文件路径重命名

一些路径不想重复写 比如我的文件目录是这样的

pagesA下有static 

顶级也有static

那我如果需要获取分包下的图片 我需要 /pagesA/static 每次都需要写很麻烦

接下来在vue.config.js配置一下

//js 自带引入path
const path = require("path");

function resolve(dir) {
	return path.join(__dirname, dir);
}


module.exports = {
    // 配置路径别名
    configureWebpack: {
        devServer: {
            // 调试时允许内网穿透，让外网的人访问到本地调试的H5页面
            disableHostCheck: true
        }
    }, 
	configureWebpack: {
		resolve:{
			alias: {
				'Ut': resolve('Utils'),
				'Static':resolve('static'),
				'aStatic':resolve('pagesA/static'),
				'bStatic':resolve('pagesB/static')
			}
		}
	}
	
}


区分下JS 文件和CSS的使用方式  

JS可以这样直接使用你定义的

import qs from 'qs';
import http from 'Ut/ajax.js'
import comParams from 'Ut/com.js' 

在HTML 中 需要引入图片也可以使用 注意前面需要加~ 

等效于 /pagesA/static/icon.png


<image src="~aStiac/static/icon.png"> </image>

这样对特别是大的项目，少写一些代码。也方便管理路径。