Как я могу прочитать содержимое из текстового файла в виде строки в Nuxt (или Vue)?

Как я могу прочитать содержимое из текстового файла в виде строки в Nuxt (или Vue)?

23.10.2017 09:32:31 Просмотров 54 Источник

Id нравится читать содержимое текстового файла, который я импортировал в свой .Вью файл как import ToS from '~/static/terms-of-service.txt';

Я хочу получить доступ к содержимому в виде строки.

Как я могу это сделать?

У вопроса есть решение - Посмотреть?

https://stackoverflow.com/questions/46896177/how-can-i-read-the-contents-from-a-text-file-as-a-string-in-nuxt-or-vue#comment80765254_46896177
что такое система сборки, которую вы используете?

Ответы - Как я могу прочитать содержимое из текстового файла в виде строки в Nuxt (или Vue)? / How can i read the contents from a text file as a string in Nuxt (or Vue)?

sam k

09.11.2017 03:34:49

Я закончил тем, что использовал https://github.com/webpack-contrib/raw-loader

Кажется, что вам нужен загрузчик для чтения файлов в vue

Hamish Johnson

21.11.2018 04:50:37

VUE CLI 3

  1. Сначала установить загрузчик сырья npm install raw-loader --save-dev

  2. Если у вас нет vue.конфиг.js, сделайте один в корне и добавьте

    module.exports = {
      chainWebpack: config => {
        config.module
          .rule('raw')
          .test(/\.txt$/)
          .use('raw-loader')
          .loader('raw-loader')
          .end()
      }
    }
    
  3. Чтобы получить текстовый файл в виде строки (если он помещен в src / assets/txt/): import file from '@/assets/txt/file.txt'

N. B. Не забудьте восстановить

RoccoB

18.09.2019 04:56:27

Я использую nuxt (созданный с помощью Vue cli 3), и это то, что сработало для меня:

  1. npm install --save-dev raw-loader
  2. Обновление nuxt.config.js
  build: {
    /*
    ** You can extend webpack config here
    */
    extend (config, ctx) {

      config.module.rules.push({
        enforce: 'pre',
        test: /\.txt$/,
        loader: 'raw-loader',
        exclude: /(node_modules)/
      });

    }
  }
Закрыть X