webpack配置本地服务器

2018-09-08 本文已影响0人小福饼

新建一个文件demo,Win+R打开cmd，进入项目所在目录位置

1.安装webpack

全局安装 npm install webpack -g
局部安装 npm install webpack --save-dev

2.在cmd 输入 webpack -v 检测是否安装成功

3.在cmd 输入npm init 初始化会自动创建package.json 文件

4.在cmd 输入npm install webpack-dev-server 开启webpack本地服务器

注意：webpack4升级以后需要安装npm install webpack-cli -D

5.在package.json 配置script

"server":"webpack-dev-server --open" (open会自动开启本地服务浏览器窗口)

6.建webpack.config.js配置文件

module.exports={
    devServer: {
        contentBase: './',//本地服务器所加载的页面所在的目录
        port:'8082',
        inline:true,//实时刷新
        hot: true
    }
}