webpack报错

来源:5-1 使用NPM配置React环境

赵小刀

2018-06-13

跟着视频操作的,但是运行webpack的时候报错

http://img.mukewang.com/szimg/5b20b1a1000134e628340238.jpg

写回答

2回答

慕田峪1357988

2018-06-21

npm install webpack@2.x -g --save;

npm install webpack-dev@2.x -g --save

0
1
赵小刀
这个方法也可以,但是我用的是webpack4,看着webpack4官网也解决了,多谢!
2018-06-21
共1条回复

慕粉2202551788

2018-06-13

讲师源码中的webpack版本较低,
默认安装的新版本语法已经变化了
试一下下面这个webpack.config.js

var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path = require('path');
module.exports = {
context: path.join(__dirname),
devtool: debug ? "inline-sourcemap" : null,
//入口文件
entry: "./src/js/index.js",
module: {
rules: [
{
test: /\.js?$/,
exclude: /(node_modules)/,
loader: 'babel-loader',
query: {
presets: ['react', 'es2015']
}
}
]
},
//输出文件
output: {
path: __dirname,
filename: "./src/bundle.js"
}
};


0
2
慕田峪1357988
npm install --save-dev babel-loader babel-core
2018-06-20
共2条回复

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程