























<!-- vue项目1目录 -->
vue-project1
...
src
vue.config.js
<!-- vue项目2目录 -->
vue-project2
...
src
vue.config.js
<!-- 其他项目或公共静态文件目录 -->
static
src
'use strict' const path = require('path'); function resolve(dir) { return path.join(__dirname, dir) } module.exports = { indexPath: "index.html", devServer: {}, // ... configureWebpack: { resolve: { alias: { '@': resolve('src'), //本项目路径src路径设置别名为@ 'assets': resolve('src/assets'), //本项目路径src/assets路径设置别名为assets,静态文件前要加~,否则只会以当前目录为基准 '$s': path.resolve(__dirname, '../static/'), //项目根路径同级static目录设置别名为$$ '$@': path.resolve(__dirname, '../static/src/') //项目根路径同级static/src目录设置别名为$@ } } }, /* //或者也可以这么配置 chainWebpack: config => { config.resolve.alias .set('@', resolve('src')) //本项目路径src路径设置别名为@ .set('assets', resolve('src/assets')) //本项目路径src/assets路径设置别名为assets,静态文件前要加~,否则只会以当前目录为基准 .set('$s', path.resolve(__dirname, '../static/')) //项目根路径同级static目录设置别名为$$ .set('$@', path.resolve(__dirname, '../static/src/')) //项目根路径同级static/src目录设置别名为$@ } */ }
此内容由惯性聚合(RSS阅读器)自动聚合整理,仅供阅读参考。 原文来自 — 版权归原作者所有。