我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

前端基础-付盼盼-20230628

[复制链接]
下潜学员认证 发表于 2023-6-29 19:12:09 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一、学习内容


webpack是一个==静态的模块化打包工具==,为现代的JavaScript应用程序;
打包bundler:webpack可以将帮助我们进行打包,所以它是一个打包工具
静态的static:这样表述的原因是我们最终可以将代码打包成最终的静态资源(部署到静态服务器);
模块化module:webpack默认支持各种模块化开发,ES Module、CommonJS、AMD等;
ue项目加载的文件有哪些
JavaScript的打包:
将ES6+转换成ES5的语法;
TypeScript的处理,将其转换成JavaScript;
Css的处理:
CSS文件模块的加载、提取;Less、Sass等预处理器的处理;
资源文件img、font:
图片img文件的加载;
字体font文件的加载;
HTML资源的处理:
打包HTML资源文件;
处理vue项目的SFC文件.vue文件;
如何使用
目标: 把src下的2个js文件, 打包到1个js中, 并输出到默认dist目录下
默认入口: ./src/index.js
默认出口: ./dist/main.js
==注意:路径上, 文件夹, 文件名不能叫webpack/其他已知的模块名==
1. 初始化包环境
2.装JQuery
查看package.json文件
dependencies:项目依赖
devDependencies:开发过程中依赖的一些工具
scripts:指定了运行脚本命令的npm命令行缩写

回复

使用道具 举报

关注0

粉丝0

帖子62

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026