Vuejs - 读取 txt 内容

Question

我正在尝试读取 txt 内容并输入一个字符串。该文件位于 vuejs 项目的 .src 文件夹中。

我该怎么做？

我试过了 var XHR = new XMLHttpRequest(); XHR.open("GET", "notificion.txt", true); XHR.send();

但不工作

Answer 1

您需要使用raw-loader。

npm install raw-loader --save-dev

然后您可以导入原始.txt 文件，如下所示；

import RawText from 'raw-loader!./rawText.txt'

或者，像下面这样编辑 webpack 配置；

// webpack.config.js
module.exports = {
  module: {
    rules: [
      {
        test: /\.txt$/i,
        use: 'raw-loader',
      },
    ],
  },
};

然后你可以像import RawText from './rawText.txt'一样导入

更多信息->webpack-contrib/raw-loader