无法使用webpack捆绑两个文件

时间:2016-05-16 20:41:04

标签: javascript webpack

我有以下webpack配置文件,我正在尝试为两个单独的项目创建两个bundle文件:

var webpack = require('webpack');
var path = require('path');

var INDEX_BUILD_DIR = path.resolve(__dirname, 'src/client/app/public');
var INDEX_APP_DIR = path.resolve(__dirname, 'src/client/app/');
var RESULTS_BUILD_DIR = path.resolve(__dirname, 'src/client/results/public');
var RESULTS_APP_DIR = path.resolve(__dirname, 'src/client/results/');

var config = {
  entry: {
    INDEX_BUILD_DIR: INDEX_APP_DIR,
    RESULTS_BUILD_DIR: RESULTS_APP_DIR
  },
  output: {
    path: './',
    filename: '[name].js'
  },
  module : {
    loaders : [
      {
        test : /\.jsx?/,
        include : [INDEX_APP_DIR, RESULTS_APP_DIR],
        loader : 'babel'
      }
    ]
  }
};

module.exports = config;

我在看完这个结构后做了这个结构:

https://github.com/webpack/webpack/issues/1189

但是,我遇到了这个问题:

ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory' path/to/project/src/client/app in /path/to/project

我无法理解问题的根源。

此外,只创建一个名为“RESULTS_BUILD_DIR.js”的文件,这意味着按字面解释变量。

导致这些问题的原因是什么?

1 个答案:

答案 0 :(得分:0)

有两件事:

  1. 输入错误:您指向模块的路径,因此您必须在path / to / project / src / client / app以及src / client / results /中有一个index.js文件
  2. RESULTS_BUILD_DIR.js是的,这个表示法文件名:' [name] .js'说"输入条目的名称并添加点和js - 这将是一个结果文件名"