webpack-dev-server的使用(未完待續)

  1. webpack能夠直接使用webpack-dev-server命令啓動
  2. 啓動參數: --hot熱更新。會去檢測文件的變化自動打包刷新頁面,
  3. 使用webpack-dev-server服務器啓動時,打包生成的文件在內存中,而使用webpack命令打包生成的bundle.js默認是在dist目錄下,頁面引用的時候路徑不一樣。
  4. host:啓動的ip,能夠配置爲寫死的本機ip地址|127.0.0.1,也能夠配置爲0.0.0.0就能夠支持ip和localhost的同時使用(注意不是用0.0.0.0:3000的方式直接訪問)
  5. port:啓動端口號,默認端口8080
  6. open:true啓動時打開瀏覽器
    devServer: {
         host: '0.0.0.0',
         port: 3000, //端口默認打開的是8080
         open: true, //默認打開瀏覽器
    }
  7. hot:true 熱更新啓動
  8. 啓動參數的配置和在devServer裏面的配置是相同的。例如命令行webpack-dev-server --hot --contentBase src等同於devServer{ hot:true,contentBase:path.resolve(__dirname,"dist/") }
  9. contentBase:指向你index.html所在的目錄
  10. useLocalip:爲true默認打開路徑由localhost變爲你的本機ip地址
相關文章
相關標籤/搜索