首页 > webpack jsx 找不到入口文件

webpack jsx 找不到入口文件

文件目录:
├── README.md
├── components
│   ├── plists.jsx
│   └── search.jsx
├── index.jsx
├── package.json
├── utils
└── webpack.config.js

webpack.config.js

var path = require('path');
var webpack = require('webpack');
var HtmlwebpackPlugin = require('html-webpack-plugin');
var ROOT_PATH = path.resolve(__dirname);
var APP_PATH = path.resolve(ROOT_PATH,"app" );
var BUILD_PATH = path.resolve(ROOT_PATH, 'build');

module.exports= {
  entry: {
    app: path.resolve(APP_PATH, 'index.jsx')
  },
  output: {
    path: BUILD_PATH,
    filename: 'bundle.js'
  },
  //enable dev source map
  devtool: 'eval-source-map',
  //enable dev server
  devServer: {
    historyApiFallback: true,
    hot: true,
    inline: true,
    progress: true
  },
  //babel重要的loader在这里
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: 'babel',
        include: APP_PATH,
        query: {
          //添加两个presents 使用这两种presets处理js或者jsx文件
          presets: ['es2015', 'react']
        }
      },
      {
        test: /\.scss$/,
        loaders: ['style', 'css', 'sass']
      }
    ]
  },
  // webpack所要搜索的文件
   resolve: {
      extensions: ['', '.js', '.jsx',]
  },
  plugins: [
    new HtmlwebpackPlugin({
      title: 'My first react app'
    })
  ]
}

提示的错误信息:但是index.jsx确实是在项目根目录里面的


看你的问题,你并没有app这个文件夹吧,但是入口文件却设置为是app下的index.jsx,entry那里的APP_PATH 用 ROOT_PATH 应该就可以了

【热门文章】
【热门文章】