摘要： 8月科學(xué)教育網(wǎng)小李來(lái)為大家講解下。express，scripts這個(gè)很多人還不知道,現(xiàn)在讓我們一起來(lái)看看吧！webpack-dev-server是：為webpack打包生成的資源文...

8月科學(xué)教育網(wǎng)小李來(lái)為大家講解下。express，scripts這個(gè)很多人還不知道,現(xiàn)在讓我們一起來(lái)看看吧！

webpack-dev-server是：

為webpack打包生成的資源文件提供web服務(wù)的小型的Express服務(wù)器。但是不能當(dāng)作后臺(tái)服務(wù)器來(lái)使用。

主要功能：

靜態(tài)文件提供服務(wù)

自動(dòng)刷新和熱替換

安裝插件：

npm i webpack-dev-server -D

安裝插件：

npm i -D html-webpack-plugin

該插件主要作用：

1.生成創(chuàng)建html入口文件

2.為html文件中引入的打包的script、link資源

項(xiàng)目文件夾和文件如下：

common.js內(nèi)容：

entry.js內(nèi)容：

index.html內(nèi)容：

hello，webpack

按鈕

webpack.base.js內(nèi)容:

添加了plugins 和 devServer的配置

Package.json里面內(nèi)容為

{

"scripts": {

"build":"webpack --config build/webpack.base.js",

"dev": "webpack serve --config build/webpack.base.js",

}

}

執(zhí)行 npm run dev后 訪問(wèn)：127.0.0.1：8080

本文express，scripts到此分享完畢，希望對(duì)大家有所幫助。