Algunas otras publicaciones responden al mismo problema ( aquí , aquí yaquí ) usando raw-loader pero, según tengo entendido, está obsoleto para webpack v5 (pero no estoy seguro de si es relevante para Vue).
Además, cuando intenté usarlo, mi archivo se cargó como una ruta: por ejemplo, import file from '/src/assets/article.txt' crea una variable llamada 'archivo' que contiene la ruta como una cadena.
Tiene razón raw-loader ha quedado obsoleto en Webpack 5. En su lugar, debe usar Asset Modules .
El tipo Módulos de activos reemplaza todos estos cargadores al agregar 4 nuevos tipos de módulos:
asset/sourceexporta el código fuente del activo. Previamente alcanzable usandoraw-loader.
Aquí hay un ejemplo de vue.config.js :
module.exports = { configureWebpack: { module: { rules: [ { test: /\.txt/, type: 'asset/source', } ] }, } }Lo probé en un proyecto Vanilla Vue 3 instalado con Vue CLI. Funcionó perfectamente.