webpack 入口文件 php,webpack,jsx_webpack jsx 找不到入口文件，webpack,jsx - phpStudy

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确实是在项目根目录里面的

相关阅读:

vue不同页面引用同一个tab选项卡组件，选中效果怎么实现？

Bootstrap Modal 如何传递参数

Yii2 model rules里面自定义规则无效，怎么解决？？

win7 64位上python 的pip的安装

php curl 获取javascript动态生成的值

如何动态的获取input控件的数据

TP框架的问题 大家帮我看看应该怎么改？

Java1.8 JDK源码中，对两个类进行 按位与 操作是什么意思？

js轮播图参数自适应参数的问题？

谁使用过typescript Decorators特性?

如何用java调用现有词库的api

如何设置自己域名下的邮箱？

thinkphp+ myisam 数据如何回滚？

windows上Git bash 查看log乱码

网站集成支付宝流程

关于js删除对象属性的问题

为什么叫做操作符重载？

AsyncTask超时中断的方法

emacs24中缩进问题

PHP 中 ${ } 是什么意思？