美文网首页程序员
webpack-dev-server 安装

webpack-dev-server 安装

作者: 梦幻之云 | 来源:发表于2019-03-01 09:51 被阅读0次

    项目文件根目录(通常会有 package.json 文件)下,执行命令:
    npm install webpack-dev-server --save-dev
    执行上面命令,会默认安装最新的 webpack-dev-server

    如果要安装特定版本的 webpack-dev-server 的话,可以执行命令:
    npm install webpack-dev-server@x.x.x --save-dev

    在安装过程中,可能会报错
    可能报错一:


    在安装过 npm -i -D webpack-cli 后仍提示安装

    有时候已经执行了 npm i -D webpack-cli 命令,并且成功安装了 webpack-cli ,但是还出现这样的报错,如果出现这种情况,可能是 webpack-dev-server 安装的不正确,要在项目文件根目录(通常会有 package.json 文件)下执行安装命令

    在安装成功后,在这里可以看到相关文件:


    image.png

    这个报错很可能是 webpack-dev-server 的版本与 webpack 版本不匹配的原因

    在我的项目中,webpack 版本是 3.x.x ,可以将 webpack-dev-server 的版本限制在 2.x.x

    比如:
    webpack: 3.12.0
    webpack-dev-server: 2.11.3
    限制 webpack-dev-server 的版本后,就可以正常执行 webpack-dev-server 命令了~


    image.png

    相关文章

      网友评论

        本文标题:webpack-dev-server 安装

        本文链接:https://www.haomeiwen.com/subject/sepruqtx.html