文件目录:
├── 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 应该就可以了