Webpack入门(二)

搭建webpack本地服务器

先安装依赖项

npm install --save-dev webpack-dev-server

npm install -g webpack-dev-server //全局安装

dev-server有一些配置选项,这里挑几个重要的


所以在webpack.config.js中新添加devServer:{}如下


在package.json的scripts中添加运行服务器的命令


然后运行npm run server,报错。



经过查找,问题应该出在没有wenpack-cli这个包,我们用npm下载

npm install webpack-cli

发现还是不行,在下载webpack-cli包的时候出现这个问题


应该是版本不兼容的问题。看一下我们的wepack版本


Webpack-cli版本则是:


所以我们= =。。。卸载重装。卸载webpack和webpack-cli的教程详细见:如何正确彻底卸载webpack

重新安装了3.0.0版本的webpack。

重装了后还是报错!!!!!于是我再次降低了webpack-dev-server的版本,换成@2.9.1试试。

ok重装了webpack-dev-server之后终于可以了。

这里实测 webpack@3.0.0 webpack-dev-server@2.9.1 webpack-cli@3.2.2 可用。

可喜可贺~

参考文献:

webpack-dev-server报错

如何正确彻底删除webpack

npm run server报错原因之一:Cannot find module 'webpack-cli/bin/config-yargs'

最主要感谢这篇教程入门 Webpack,看这篇就够了 神仙教程~    

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容