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

Question

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

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/ 内部，这是我不想要的。但是如果我使用相对目录而不复制数据，那么构建就会失败。

Answer 1

您可以使用别名吗？

webpack.config.js：

  const path = require("path");

  module.exports = {
  ...

    resolve: {
      alias: {
        Data: path.resolve(__dirname, "./project-name/data/"),
      },
    },
  }

src/index.js：

  import data from "Data/data.csv"