javascript - Webpack 无法解析文件或 dic

Question

我的应用程序:

|--源

〉〉|--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

找不到条目模块中的错误:错误:无法解析/Users/xx/WebstormProjects/jianwenji-react 中的"file"或“目录”./src/*
解析文件 /Users/xx/WebstormProjects/jianwenji-react/src/* 不存在 /Users/xx/WebstormProjects/jianwenji-react/src/*.js 不存在 /Users/xx/WebstormProjects/jianwenji-react/src/*.jsx 不存在解析目录 /Users/xx/WebstormProjects/jianwenji-react/src/*不存在(目录默认文件) /Users/xx/WebstormProjects/jianwenji-react/src/*/package.json不存在(目录描述文件)

Why webpack can't find that files?

Answer 1

在这种情况下 entry应该指文件而不是文件夹，

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

注意 - jsx-loader已弃用，请使用 babel-loader , babel-preset-react相反