webpack中自动打包功能

亡梦爱人 提交于 2020-02-18 21:10:48

webpack中自动打包功能

1.生成一个基本的html页面在这里插入图片描述
2.编写一个建议的变色js代码,将jQuery导入
在这里插入图片描述
3.生成packge.json,并在scripts下添加"dev": “webpack-dev-server”
在这里插入图片描述在这里插入图片描述
4.将webpack和webpack-cli安装到项目中
在这里插入图片描述
5.安装jquery
在这里插入图片描述
6.安装自动打包工具
在这里插入图片描述
7.配置webpack.config.js指定打包的路径和生成的路径和文件名
在这里插入图片描述
8.使用npm run dev 进行打包根据提供的地址访问
在这里插入图片描述

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!