猿问

请问webpack-dev-server报错是什么原因?

请问webpack-dev-server报错是什么原因?


斯蒂芬大帝
浏览 1031回答 4
4回答

呼如林

你是用了webpack4吧现在使用webpack要同时安装webpack-cli这个包,才可以调用webpack和webpack-dev-server这些命令npm install webpack webpack-dev-server webpack-cli --save-dev接下来就可以直接webpack-dev-server

PIPIONE

看样子你在使用ES2015语法写react,那你的loader配置不怎么正确,应该是:{ test: /\.js$/, exclude:/node_modules/, loader: 'babel-loader'},{ test: /\.jsx$/, exclude: /node_modules/, loader: 'babel?presets[]=react&presets[]=es2015' }注意需要安装:npm install --save-dev babel-preset-react babel-preset-es2015

慕桂英4014372

第一:webpack只是构建webpack-dev-server除了构建,还提供web服务第二:webpack.config.json的路径参数显然,entry都一样,因为都要知道需要构建的文件在哪里那么区别就在于 output了path和webpack一起,指明构建 之后 输出文件的位置,这是真实的物理地址publickPath和webpack-dev-server一起,当执行webpack-dev-server时,第一步首先跟webpack一样,先构建输出,然后提供web访问,该输出文件是在内存中默认情况下,不设置publicPath则输出文件默认在运行webpack-dev-server的目录,也就是根目录,,那么html中引用直接是src="输出的文件",,如果设置了publicPath那么html中引用也要相对改变总的来说,webpack只是构建,而webpack-dev-server相当于webpack+apache(或者其它web服务器)区别在于使用webpack+apache(或者其它服务器),每次构建之后1 根据path引用构建后的输出文件;2 每次修改都要重新运行webpack使用webpack-dev-server,运行之后1 先构建,输出文件在内存中,引用构建后的输出文件根据publicPath(默认是根目录);2 每次修改,自动刷新

qq_花开花谢_0

配置webpack-dev-server 运行时报错配置 Can't resolve 'webpack/hot/dev-server'代码:webpack.config.jsvar path = require('path');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');
随时随地看视频慕课网APP
我要回答