Reactjs 网页包配置错误
我试图为reacts web应用程序配置web包,但它一直告诉我使用Reactjs 网页包配置错误,reactjs,webpack,jsx,Reactjs,Webpack,Jsx,我试图为reacts web应用程序配置web包,但它一直告诉我使用 npm安装-D webpack cli: The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When using y
npm安装-D webpack cli
:
The CLI moved into a separate package: webpack-cli.
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D
module.js:557
throw err;
^
当我按照它的要求做时,它给了我一个错误:
C:\Users\Desktop\lazabre1>webpack-dev-server
C:\Users\Desktop\lazabre1\webpack.config.js:59
new webpack.NoErrorsPlugin()
^
这是我的webpack.config.js文件:
var webpack = require('webpack');
var path = require('path');
module.exports = {
devtool: 'inline-source-map',
entry: [
'webpack-dev-server/client?http://127.0.0.1:8080/',
'webpack/hot/only-dev-server',
'./src'
],
output: {
path: path.join(__dirname, 'public'),
filename: 'bundle.js'
},
resolve: {
modulesDirectories: ['node_modules', 'src'],
extensions: ['', '.js']
},
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loaders: ['react-hot', 'babel?presets[]=react,presets[]=es2015']
}
]
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin()
]
};
我有两个问题:第一-如何解决这个问题//第二-npm install webpack和npm install webpack cli之间的区别是什么?您使用的是为webpack 1编写的配置文件(我猜,通过使用
module.loader
键和NoErrorsPlugin
)和webpack 4(如果您没有另行指定,并且请求使用默认不再包含的CLI)
按照升级配置并更新
webpack cli
是使用命令行工具中的webpack的软件包(您正在尝试执行的操作)