Webpack

19 阅读1分钟

webpack中文文档:webpack.docschina.org/concepts/#e…
npm run buile:启动打包后项目/生产模式启动项目命令
npm run dev:自定义启动开发服务器,达到热更新效果(配置webpack-dev-server后)/开发模式启动项目命令
ctrl+c:终止项目

1.Webpack基础

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png 运行dist/login.html文件打开网页,检查打包结果

找包->下包(npm i html-webpack-plugin --save-dev)->配置包(webpack.config.js文件中)->打包(npm run build)

image.png

image.png

image.png

image.png

image.png

百度时间筛选

image.png

image.png

image.png

2.案例- 用户登录

image.png

image.png

image.png npm run dev:自定义启动项目命令(热更新)

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png