watch观察模式
1.package.json
"watch": "webpack --config webpack.config.js --watch",
2.webpack.config.js
devtool:"inline-source-map",
3.index.js里写未定义的错误信息
------>npm run watch
浏览器自动加载页面
1.package.json
"start": "webpack-dev-server --open"
2.webpack.config.js
devServer:{
contentBase:"./dist"
}
------>npm run start
按Ctrl+c 退出命令,
观察者模式就是配合source map进行使用,当文件有变化时,会实时打包;而webpack-dev-server 不会进行打包,只是将文件的变化实时反映在模板中。