美文网首页
webpack-dev-server命令行

webpack-dev-server命令行

作者: adtk | 来源:发表于2018-01-31 19:49 被阅读0次

    1.webpack-dev-server是一个轻量级的服务器,修改文件源码后,自动刷新页面将修改同步到页面上

    2.安装webpack-dev-server:

    npm install webpack-dev-server -g
    
    # 项目中安装
    npm install webpack-dev-server --save-dev
    

    3,使用
    会读取webpack.config.js配置文件,打包文件都在内存中(webpack命令将打包后的文件保存在磁盘中),
    并打开项目根目录的index.html(没有就显示所有的文件)

    webpack-dev-server
    

    4,自动刷新

    webpack-dev-server --hot --inline
    

    5,更改端口

    webpack-dev-server --port 3000
    

    6,更换配置文件

    webpack-dev-server --hot --inline --config webpack.es6.config.js
    

    7,更换服务根目录

    webpack-dev-server --content-base ./build/
    

    8,写在package.josn中,

    # 命令行运行
    npm run dev
    
    image.png

    相关文章

      网友评论

          本文标题:webpack-dev-server命令行

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