首先在node.js中下載安 裝 yarn add webpack-dev-server -D ,-D是把要安裝的內(nèi)容安裝在devDependencies開發(fā)依賴中。這樣這樣插件不會(huì)被打包到要上線的包中媚狰。
第二淫僻，下載安裝 成功后,在package.json中配置script
"scripts" : {
? ? ? "build": "webpack",
? ? ? "dev": "webpack-dev-server"
? ? }
如下
3配置好再跑诱篷。
在webpack.config.js中配置如下
devServer: {
? ? ? open: true,
? ? ? //自動(dòng)打開瀏覽器
? ? ? hot: true,
? ? ? //模塊熱替換
? ? ? port: 3000
? ? ? //端口
? ? }
配置好了以后，最后一步雳灵，啟動(dòng)Ｗ厮！悯辙！
yarn dev npm run dev
在node.js終端中輸入yarn dev 會(huì)自動(dòng)打開瀏覽器 并且實(shí)時(shí)更新你在編輯器中輸入的內(nèi)容
如果還有什么不明白的內(nèi)容 歡迎溝通? 相互指教
