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 中 ${ } 是什么意思?