Webpack 4:リアルタイムパッケージWebpack-dev-server
1393 ワード
1、インストール:
2、package.jsonでの構成コマンド:
3、コマンドパッケージ「npm run dev」を実行する
説明:webpack-dev-serverリアルタイムパッケージmain.jsはメモリに管理されているので、プロジェクトルートディレクトリには見えませんが、プロジェクトルートディレクトリには見えないmainがあると考えられます.js.
4、http://127.0.0.1:3000/src/プレビューindex.htmlファイル:
cnpm i webpack-dev-server -D
2、package.jsonでの構成コマンド:
"dev": "webpack-dev-server --open chrome --port 3000 --hot --host 127.0.0.1"
{
"name": "wp4-1",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack-dev-server --open chrome --port 3000 --hot --host 127.0.0.1"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"webpack": "^4.41.5",
"webpack-cli": "^3.3.10",
"webpack-dev-server": "^3.10.1"
}
}
3、コマンドパッケージ「npm run dev」を実行する
説明:webpack-dev-serverリアルタイムパッケージmain.jsはメモリに管理されているので、プロジェクトルートディレクトリには見えませんが、プロジェクトルートディレクトリには見えないmainがあると考えられます.js.
4、http://127.0.0.1:3000/src/プレビューindex.htmlファイル:
Document