Webpack 无法解析文件或 dic

Question

我的应用程序：

|--src

〉〉|--index.js

〉〉|--content.js

|--webpack.config.js

index.js :

const React = require('react');
const ReactDom = require('react-dom');
const View = require('./content');

ReactDom.render(<View/>, document.body);

content.js :

const React = require('react');
class view extends React.Component {
    render() {
        return <p> Content </p>
    }
}

module.exports = View;

webpack.config.js

module.exports = {
    entry: './src/*', 
    output: {
    path: path.join(__dirname, '/build'),
    filename: '[name].bundle.js' 
    },
    resolve: {
    extensions: ['', '.js', '.jsx']
    },
   module: {
    loaders: [{

        test: /\.js|jsx$/,
        loader: ['jsx-loader?harmony'],
        exclude: /node_modules/
    }]
  },
  plugins: [commonsPlugin]
}

Problems:

webpack --display-error-details

哈希：c47fe037926d0dc83af7

版本：webpack 1.13.0

时间：62 毫秒`

Asset       Size  Chunks             Chunk Names

common.js 191 字节 0 [发出] common.js

ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory' ./src/* in /Users/xx/WebstormProjects/jianwenji-react resolve file /Users/xx/WebstormProjects/jianwenji-react/src/* doesn't exist /Users/xx/WebstormProjects/jianwenji-react/src/*.js doesn't exist /Users/xx/WebstormProjects/jianwenji-react/src/*.jsx doesn't exist 解析目录 /Users/xx/WebstormProjects/jianwenji-react/src/* doesn't exist (directory default file) /Users/xx/WebstormProjects/jianwenji-react/src/*/package.json doesn't exist (directory description file)

Why webpack can't find that files?

Answer 1

在这种情况下 entry 应该引用 file 而不是 folder,

module.exports = {
  entry: './src/index.js'
  // ....
}

注 - jsx-loader is deprecated, use babel-loader, babel-preset-react改为

Webpack 无法解析文件或 dic

Webpack cannot resolve file or dic

javascript

jsx

node.js

reactjs

webpack