我知道这个问题很普遍,但最好的部分是每个人的情况都不一样

javascript - MultiMain中的错误无法解决目录Webpack问题-LMLPHP

就我而言,我的文件夹结构是
javascript - MultiMain中的错误无法解决目录Webpack问题-LMLPHP

我的文件:
Webpack.config.js

var path = require('path');
var webpack = require('webpack');
const Files = {
input: path.resolve(__dirname,'src/app'),
output: path.resolve(__dirname,'output')
}
console.log(Files.input);
var config = {
entry: Files.input,
output: {
    path: Files.output,
    filename: 'index.js',
},
devServer: {
    inline: true,
    port: 9009
},
resolve: { modulesDirectories: ['node_modules', 'src'], extensions: ['','.js','.jsx'] },
stats: {
    colors: true,
    modules: true,
    reasons: true,
    errorDetails: true
},
module: {
    loaders: [{
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel',
        query: {
            presets: ['es2015', 'react']
        }
    }]
}
}

module.exports = config;


Package.json

{
"name": "reactapp",
"version": "1.0.0",
"description": "",
"main": "output/index.js",
"scripts": {
    "start": "webpack-dev-server --hot"
},
"author": "batman",
"license": "AMIGOS",
"dependencies": {
    "babel-cli": "^6.0.0",
    "babel-core": "^6.17.0",
    "babel-loader": "^6.2.5",
    "babel-preset-es2015": "^6.16.0",
    "babel-preset-react": "^6.16.0",
    "react": "^15.3.2",
    "react-dom": "^15.3.2",
    "webpack": "^1.13.2",
    "webpack-dev-server": "^1.16.2"
}
}


我也使用虚拟json {"name":"hello"}将package.json保留在我的应用程序文件夹中
作为一名开发人员的建议的一部分。我尝试了所有在我附近但徒劳的可能情况。
请对此有所说明。

更新:
将文件夹从!bharath更改为bharath错误减少到1。

最佳答案

const Files = {
  // you need to specify the file name as well as webpack entry
  input: path.resolve(__dirname,'src/app/main.js'),
  output: path.resolve(__dirname,'output')
}

09-20 18:42