webpack笔记----webpack-dev-server服务

1.初始化项目

npm init

2.安装webpack本地依赖

npm install webpack --save-dev

3.全局安装webpack

npm install webpack -g

4.新建文件夹src在src文件夹下新建js文件夹

5.在src文件夹下新建index.js文件

文件内容为

document.write('hello World!')；

6.根目录下新建文件index.html

链接index.js文件src为src/js/index.js

7.目录文件夹下新建文件webpack.config.js
文件内容为：

module.exports = {

entry:__dirname+'/src/js/index.js',

output:{

path:__dirname+'/assets/js',

filename:'index.js',

publicPath:'/temp/'

},

devServer:{

contentBase:"./"     //设置根目录

host:'本机ip',

port:'3333'    //设置端口号

}

}

8.运行服务

webpack-dev-server

会出现地址选择在浏览器打开

9.将index.html文件中的src的路径改为‘temp/index/js’

重新运行webpack-dev-server

页面也是可以运行