webpack

npm init -ypackage.json ——包描述文件;

npm:下载包时用的;

npm webpack webpack-cli -D 中表示:

开发环境下载 webpackwebpack-cli 是指令

npx 会将 node_modules 文件下的 .bin 临时添加为环境变量,即可访问环境变量的一些应用程序

 

 

 

webpack 的核心:entry / output / loader / plugins / mode。在 webpack.config.js 配置。
所有的配置文件都放在根目录中,都在 node.js 平台环境下运行,所以采用的模块化都是 common.js

 任何资源都要引入才能打包

 

asset 响应某个文件大小,文件会转换为 base64,用 resource,它只会对文件原封不动的输出

 

 

 Babel 主要的配置是预设(preset),一组 Babel 插件,扩展 Babel 功能,Babel 本身能处理的事很有限

 不在 webpack.config.js 配置 devServer 时,每次修改都需要执行 npx webpack,配置完之后,执行一次 npx webpack serve ,以后修改保存即可执行编译打包——称为热更新,自动刷新页面

 

(ctrl + c 终止操作,再 npx webpack 重新打包输出资源)

package.json 的 scripts 设置简便的运行指令(生产环境则是 npm run build)

 

 

 

——————————————————————————————————————————

视频学习感悟:

  如果你的操作和视频结果有出入,请根据自己的提示去查找解决办法,别小看一点点差异,或许这能让你更清楚当下学习技能的更多内容。

 

P9

 

报的啥错哟

 

 

P62--git

https://blog.csdn.net/qq_40901613/article/details/115374699

 

VS Code 修改终端为 Git Bash 方法:https://blog.csdn.net/weixin_46560589/article/details/126230695

提交代码提示“cannot spawn .git/hooks/pre-commit: no such file or directory”报错处理方式:http://witmax.cn/phpstorm-windows-pre-commit.html

 P69

 

posted @ 2022-10-23 16:58  し7709  阅读(20)  评论(0编辑  收藏  举报