准备学习Web前端工程化的内容,做个记录,以后需要的时候方便查找:
1.安装自动打包功能的包:webpack-dev-server

2.修改package.json中的dev指令如下:

3. 在html文件中,将引入的js文件路径更改为:

4.运行npm run dev,进行打包
5.打开网址查看效果:http://localhost:8080
准备学习Web前端工程化的内容,做个记录,以后需要的时候方便查找:
1.安装自动打包功能的包:webpack-dev-server
2.修改package.json中的dev指令如下:
3. 在html文件中,将引入的js文件路径更改为:
4.运行npm run dev,进行打包
5.打开网址查看效果:http://localhost:8080
本文标题:Web前端工程化(四) - webpack自动打包功能
本文链接:https://www.haomeiwen.com/subject/pmmbtltx.html
网友评论