工程化
文章平均质量分 50
Software攻城狮
从 "前端" 向 "大前端" 方向进发 ————
(成功人士习惯去做失败者不爱做的事。他们当然也不喜欢干这些事,但他们让这种不喜欢服从于对自己目标的追求 。。。。。。 远离舒适,不断学习,知识更新,提升竞争力)
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vite打包的简单配置
Vite 是一个面向现代浏览器的新型前端构建工具,它利用浏览器原生的 ES 模块支持进行快速开发。相比传统的打包工具(如 Webpack),Vite 在开发模式下具有更快的冷启动速度和即时热更新能力。proxy:设置反向代理,解决开发环境下的跨域问题。outDir:指定构建输出的目录,默认是 dist。API,减少手动导入。Components:自动注册 Vue 组件,无需在每个文件中手动导入。1、plugins:插件列表,用于增强 Vite 的功能。vue():启用对 Vue 3 单文件组件的支持。原创 2025-07-07 16:12:58 · 243 阅读 · 0 评论 -
前端性能优化--懒加载
3、同时还可结合 lazy loading 属性,利用浏览器的原生属性,进一步优化图片加载,不过其延迟加载机制完全是由浏览器自身决定的,在不同浏览器上效果不同(BTW,部分浏览器可能并不支持)。2、然后对元素进行监听,当图片进入可视区域时,提取元素的 data-src 即真实的图片地址赋值给 src 属性,就会去发送请求加载图片,实现了懒加载。设置为 1 张 1px*1px 的透明图片用作占位符,以防止出现出错图标。TinyPNG 网站: https://tinypng.com/原创 2024-07-19 09:40:00 · 286 阅读 · 0 评论 -
nginx前端部署配置
nginx前端部署配置Nginx部署项目1、yarn build打包Vue项目2、打开nginx.conf文件,配置对应的信息。原创 2024-07-10 11:10:47 · 443 阅读 · 0 评论 -
webpack打包配置
webpack打包配置构建 服务器端渲染 代码配置文件,webpack_serve.config.jsconst path = require( 'path')const nodeExternals = require('webpack_node_externals')module.exports = { entry :'./main_server.js', //为了不...原创 2020-02-09 12:32:22 · 205 阅读 · 0 评论 -
webpack4打包多文件
webpack4打包多文件//引包 var path = require("path"); //需要使用绝对路径 var htmlPlugins= require("html-webpack-plugin"); const webpack=require("webpack"); const {CleanWebpackPlugin} = require('clean-webpack...原创 2019-11-12 23:00:09 · 303 阅读 · 0 评论 -
grunt的使用
grunt的使用,压缩html, js css//Gruntfile.js配置module.exports = function (grunt) { // 项目配置 grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), uglify: { my_target: { file...原创 2019-12-02 23:46:51 · 118 阅读 · 0 评论
分享