assetsDir can not use the relative Path '../'

[xianchenxy]

Describe the bug

it works in development. Terminal report an error when i used build command.

The "fileName" or "name" properties of emitted files must be strings that are neither absolute nor relative paths, received "../iconfont.a2bfd5b8.eot".

Reproduction

This is details about the error message.

I can't find the font.xxx.css file in my project, so i try to annotate related code, such as

then build again. but it still report error, see

vite.config.js

import { defineConfig } from 'vite'
import { createVuePlugin } from 'vite-plugin-vue2'
import { viteCommonjs } from '@originjs/vite-plugin-commonjs'
import path from 'path'

export default defineConfig({
  server: ...,
  clearScreen: false,
  resolve: {
    alias: {
      'src': path.resolve(__dirname, 'src'),
      '@': path.resolve(__dirname, 'src')
    }
  },
  build: {
    target: 'chrome58',
    outDir: '../gameanalytics/server/trunk/app/public',
    assetsDir: '../',
    chunkSizeWarningLimit: '400',
  },
  plugins: [createVuePlugin({ jsx: true }), viteCommonjs()]
})

packjson.json

{
  "name": "vite-test",
  "version": "1.0.0",
  "description": "pretest",
  "main": "main.js",
  "scripts": {
    "test": "no",
    "dev": "vite",
    "serve": "vite preview",
    "build": "vite build"
  },
  "keywords": [
    "vite"
  ],
  "author": "xianchenxy",
  "license": "ISC",
  "devDependencies": {
    "@originjs/vite-plugin-commonjs": "^1.0.1",
    "sass": "^1.43.4",
    "socket.io-client": "^4.3.2",
    "vite": "^2.6.13",
    "vite-plugin-vue2": "^1.9.0"
  },
  "dependencies": {
    "@vue/composition-api": "^1.3.3",
    "echarts": "^5.2.2",
    "element-ui": "^2.15.6",
    "eslint": "^8.1.0",
    "exceljs": "^4.3.0",
    "file-saver": "^2.0.5",
    "jquery": "^3.6.0",
    "lodash-es": "^4.17.21",
    "pinyin-match": "^1.2.2",
    "vue": "^2.6.14",
    "vue-i18n": "^8.26.7",
    "vue-resource": "^1.5.3",
    "vue-router": "^3.5.3",
    "vuedraggable": "^2.24.3",
    "vuex": "^3.6.2",
    "vuex-router-sync": "^5.0.0"
  }
}

System Info

System:
    OS: Windows 10 10.0.18362
    CPU: (8) x64 Intel(R) Core(TM) i7-6700 CPU @ 3.40GHz
    Memory: 8.78 GB / 15.88 GB
  Binaries:
    Node: 14.17.5 - C:\Program Files\nodejs\node.EXE
    npm: 7.20.3 - D:\nodejs\node_global\npm.CMD
  Browsers:
    Edge: Spartan (44.18362.267.0)
    Internet Explorer: 11.0.18362.1

Used Package Manager

npm

Logs

[vite:css] The "fileName" or "name" properties of emitted files must be strings that are neither absolute nor relative paths, received "../iconfont.a2bfd5b8.eot".

after annotating code, then build again.
----------------------------------------------------------------------------------------------------------
[vite:css] The "fileName" or "name" properties of emitted files must be strings that are neither absolute nor relative paths, received "../element-icons.ab40a589.woff".

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/vue-next instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[ygj6]

Can you check if this is a duplicate of #5047? It is best to provide a minimal replication repo

[github-actions]

Hello @xianchenxy. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with need reproduction will be closed if they have no activity within 3 days.

[xianchenxy]

Can you check if this is a duplicate of #5047? It is best to provide a minimal replication repo

No, it isn't. I found this error was caused by assetsDir: '../'. After removing that, it is OK.
This is what I want.

assets: 'app/public/'
index.html: 'app/view/index.html'

However, Where can I find the config like indexPath in webpack?
@ygj6

[ygj6]

@xianchenxy As far as I know, assetsDir is relative to outDir, and there is no simple configuration to output assets outside of outDir. It can be achieved using plugins but is more complicated, you can try

[xianchenxy]

@ygj6 You're right. I try my best to fix the problem, but no effect. So I have to ask back-end developer to update the config for index.html in server to resolve the problem. Anyway, Thanks a lot! 🌹

[Huauauaa]

@xianchenxy As far as I know, assetsDir is relative to outDir, and there is no simple configuration to output assets outside of outDir. It can be achieved using plugins but is more complicated, you can try

@ygj6 Could you recommend some plugins?

[ygj6]

@Huauauaa oops, this is really an edge use case, I haven't found one so far. Maybe you can write one to publish and make it famous. Or I can try till i'm in spare.