Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将多输出文件夹创建到"/地区/";文件夹-网页包_Javascript_Webpack_Output - Fatal编程技术网

Javascript 如何将多输出文件夹创建到"/地区/";文件夹-网页包

Javascript 如何将多输出文件夹创建到"/地区/";文件夹-网页包,javascript,webpack,output,Javascript,Webpack,Output,在目标目录(/dist/)中,我想创建三个目录,分别是IMAGES folder、CSS folder、JS folder和multi-output目录,类似于下面的屏幕截图: 我当前的条目如下所示: 我的webpack.config.js看起来像这样(这段代码可以工作,但它不能创建我想要的结构): 任何帮助都将不胜感激 谢谢,请关注这部分配置: var jsDev = "./js/[name]-bundle.js"; var jsProd = "./js/[name]-" + date_s

在目标目录(/dist/)中,我想创建三个目录,分别是IMAGES folder、CSS folder、JS folder和multi-output目录,类似于下面的屏幕截图:

我当前的条目如下所示:

我的
webpack.config.js
看起来像这样(这段代码可以工作,但它不能创建我想要的结构):

任何帮助都将不胜感激


谢谢,

请关注这部分配置:

var jsDev = "./js/[name]-bundle.js";
var jsProd = "./js/[name]-" + date_string() + ".js";

var configJs = isProd ? jsProd : jsDev;

output: {
  path: path.join(__dirname, "dist"),
  filename: configJs
},
如果将jsDev和jsProd更改为:

var jsDev = "./[name]/[name]-bundle.js";
var jsProd = "./[name]/[name]-" + date_string() + ".js";
webpack将使用您的条目名称(特价商品、结帐等)创建文件夹

如果您希望采用更高级的方法,可以查看这部分网页文档:

特别是:

使用函数返回文件名:

module.exports = {
  //...
  output: {
    filename: (chunkData) => {
      return chunkData.chunk.name === 'main' ? '[name].js': '[name]/[name].js';
    },
  }
};
您可能还需要检查一些资源:


源目录的结构是什么?您是否只需要将相同的输入文件复制到三个目标目录中的每一个目录中?该条目将是条目:{specials:'./js/specials.js',checkout:'./js/checkout.js',mobile:'./js/mobile.js',screen:'./js/screen.js',custom:'./js/app.js'。您的代码中已经有了该条目。请回答我的两个问题,这样我们可以帮助你更简单。我添加了一个新的屏幕截图,其中的条目“SRC”应该是创建带有三个目标目录的输出“dist”。谢谢你的帮助;)您在每个地区位置都需要哪些源文件?我不明白你的计划。
module.exports = {
  //...
  output: {
    filename: (chunkData) => {
      return chunkData.chunk.name === 'main' ? '[name].js': '[name]/[name].js';
    },
  }
};