洛飞 - 博客园

2023年3月30日

摘要：运行npm run build后出现了dist的目录此目录里面存放的就是要发布的代码。我们把dist打包，发给运维就可以进行发布了。阅读全文

posted @ 2023-03-30 15:29 洛飞阅读(141) 评论(0) 推荐(0)

摘要：此时会报错，因为没有引入image相关的loader 安装配置如果图片比较小，那么url-loader会自动给你转换为base64的图片，提升加载速度阅读全文

posted @ 2023-03-30 10:57 洛飞阅读(76) 评论(0) 推荐(0)

摘要： loader的概述在实际的开发过程中，webpack默认只能打包处理一.js后缀名结尾的模块。其他非.js后缀名结尾的模块，webpack 默认处理不了。需要调用loader加载器才可以正常打包，否则会报错！ loader加载器的作用：协助webpack打包处理特定的文件模块。比如： css-lo 阅读全文

posted @ 2023-03-30 09:12 洛飞阅读(98) 评论(0) 推荐(0)

2023年3月29日

webpack的基本使用（四）---devServer

摘要： devServer 是在webpack.config.js中export中的一个元素里面的参数有 open :true, //初次打包的时候是否打开浏览器 port : 80 ，//指定的端口号 host : 127.0.0.1 //指定运行的地址还有其他的，待更新阅读全文

posted @ 2023-03-29 20:11 洛飞阅读(27) 评论(0) 推荐(0)

webpack的基本使用（三）

摘要：默认这两个文件都要有不然的话 webpack打包的时候是回报错的使用npm install webpack-dev-server@3.11.2 -D 安装插件增加serve参数到此我们修改index.js 可以实时刷新数据了，完美。安装html-webpack-plugin npm i 阅读全文

posted @ 2023-03-29 19:47 洛飞阅读(17) 评论(0) 推荐(0)

2023年3月28日

webpack的基本使用二

摘要：新建空白文件夹作为项目文件的更目录，然后运行 npm init -y 2.在项目根目录中新建src源代码目录 3.在src目录下新建index.html和index.js脚本文件 4.我们在html页面里面初始化页面的基本结构 5.运行npm install jQuery -S 安装jQuery 阅读全文

posted @ 2023-03-28 16:14 洛飞阅读(23) 评论(0) 推荐(0)

2023年3月23日

webpack的基本使用（一）

摘要：学习目录什么是webpack 1、webpack是一个工具，用来把前端工程化的。 2、它提供了友好的前端模块化开发支持，以及代码压缩混淆（能让文件体积更小）、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。阅读全文

posted @ 2023-03-23 11:10 洛飞阅读(13) 评论(0) 推荐(0)

前端开发的规范

摘要：阅读全文

posted @ 2023-03-23 10:55 洛飞阅读(20) 评论(0) 推荐(0)

2022年9月15日

上午题--拓扑排序

摘要：阅读全文

posted @ 2022-09-15 14:30 洛飞阅读(93) 评论(0) 推荐(0)