摘要： 8月科學教育網小李來為大家講解下。express，scripts這個很多人還不知道,現在讓我們一起來看看吧！webpack-dev-server是：為webpack打包生成的資源文...

8月科學教育網小李來為大家講解下。express，scripts這個很多人還不知道,現在讓我們一起來看看吧！

webpack-dev-server是：

為webpack打包生成的資源文件提供web服務的小型的Express服務器。但是不能當作后臺服務器來使用。

主要功能：

靜態文件提供服務

自動刷新和熱替換

安裝插件：

npm i webpack-dev-server -D

安裝插件：

npm i -D html-webpack-plugin

該插件主要作用：

1.生成創建html入口文件

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

項目文件夾和文件如下：

common.js內容：

entry.js內容：

index.html內容：

hello，webpack

按鈕

webpack.base.js內容:

添加了plugins 和 devServer的配置

Package.json里面內容為

{

"scripts": {

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

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

}

}

執行 npm run dev后 訪問：127.0.0.1：8080

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