惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

I
Intezer
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
云风的 BLOG
云风的 BLOG
爱范儿
爱范儿
博客园_首页
The Cloudflare Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
T
Tailwind CSS Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
博客园 - 聂微东
宝玉的分享
宝玉的分享
量子位
U
Unit 42
D
Docker
阮一峰的网络日志
阮一峰的网络日志
酷 壳 – CoolShell
酷 壳 – CoolShell
Microsoft Azure Blog
Microsoft Azure Blog
C
CERT Recently Published Vulnerability Notes
MyScale Blog
MyScale Blog
博客园 - 叶小钗
F
Fortinet All Blogs
aimingoo的专栏
aimingoo的专栏
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
S
Securelist
N
Netflix TechBlog - Medium
L
Lohrmann on Cybersecurity
H
Help Net Security
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
T
Threat Research - Cisco Blogs
Latest news
Latest news
The Hacker News
The Hacker News
C
Cyber Attacks, Cyber Crime and Cyber Security
T
The Blog of Author Tim Ferriss
P
Privacy International News Feed
Schneier on Security
Schneier on Security
Know Your Adversary
Know Your Adversary
P
Privacy & Cybersecurity Law Blog
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
Recorded Future
Recorded Future
www.infosecurity-magazine.com
www.infosecurity-magazine.com
I
InfoQ
PCI Perspectives
PCI Perspectives
Cyberwarzone
Cyberwarzone
F
Full Disclosure
Recent Announcements
Recent Announcements
L
LangChain Blog
Stack Overflow Blog
Stack Overflow Blog
V
Vulnerabilities – Threatpost
腾讯CDC

博客园 - 一丝心情

Volta 安装和使用指南 免费国产ai试用总结 glb格式3d模型压缩 nuxt.js 项目流水线自动部署设置 免费的云数据库 vue 实用指令 IntelliJ IDEA license server 激活(亲测有效) win10/win11专业版激活码(亲测有效) Git 常用指令完全指南 npm 安装依赖报错整理 css3文字渐变, svg文字渐变 http/https与websocket的ws/wss的关系 指令 v-tooltip vue 自定义指令实现v-overflow-tooltip element-ui NavMenu 多级嵌套封装 常用css three.js 在低版本浏览报THREE.WebGLProgran: shader error 报错解决办法 nuxt 低版本浏览器兼容babel编译配置 常用软件历史版本下载 前端常用指令 数组常用方法总结 vue 中 echarts 添加事件 常用正则
vue.config.js config.resolve.alias 目录别名配置
一丝心情 · 2022-11-25 · via 博客园 - 一丝心情
  1. 项目目录

    <!-- vue项目1目录 -->

    vue-project1

      ...

      src

      vue.config.js

    <!-- vue项目2目录 -->

    vue-project2

      ...

      src

      vue.config.js

    <!-- 其他项目或公共静态文件目录 -->

    static

       src

  2. vue.config.js配置
    '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目录设置别名为$@
      }
       */
    }