时间戳

首页 > 解决方案 > Webpack：使用父目录中的数据而不复制

javascript - Webpack：使用父目录中的数据而不复制

问题描述

我有一个结构如下的项目文件夹：

project-name/   
  data/
   data.csv
  dist/
   index.js
  src/
   index.js

并想要一个像这样的远程目录：

project-name/   
  data/
   data.csv
  dist/
   index.js
    > `doSomething("../data/data.csv")`

如何在 webpack-dev-server 和生产路径中进行这项工作？如果我使用 copywebpack 插件，那么数据会进入我不想要的 dist/ 中。但是如果我使用相对目录而不复制数据，那么构建就会失败。

标签： javascriptwebpack

解决方案

实际上，您应该csv-loader在 Webpack 配置文件中使用 Webpack，如下所示：

module: {
  rules: [
    {
      test: /\.csv$/,
      loader: 'csv-loader',
      options: {
      dynamicTyping: true,
        header: true,
        skipEmptyLines: true,
      },
    },
  ],
},

然后在您的代码中使用它，如下所示：

import csvPath from './project-name/data/foo.csv'

推荐阅读