【前端每日一讲】谈谈前端项目中代码规范的重要性 02:17 【前端每日一讲】什么是WebSocket,以及它与传统的HTTP长轮询相比的优势 02:11 【前端每日一讲】小程序跳转页面有几种方式? 有什么不同? 02:27 【前端每日一讲】web常见的攻击方式有哪些?如何防御 02:31 【前端每日一讲】JS的数据类型有哪些? 02...
构建可靠的前端项目少不了这些必备工具集: ESLint、Prettier、Editorconfig、Husky、lint-staged、commitlint,它能帮助我们约束编码风格与提及规范,下文介绍这些工具集的使用,文末提供一些可参考的项目。 ESLint 代码质量检测 ESLint 是 JavaScript/TypeScript 编程中一个最受欢迎的代码规范检查工具,可避免一些由于低级的代...
在Web 开发历程上,我们构建了很多小型的技术解决方案,比如用 HTML 去描述页面结构,CSS 去描述页面样式,JavaScript 去描述页面逻辑,或者你也可以用一些比如 Jade 去取代 HTML,用 Sass 或 Less 去取代CSS,用 CoffeeScript 或者 TypeScript 之类的去取代 JavaScript,不过项目中的依赖可能是一件比较烦恼的事情。(需要安...
npm install webpack webpack-cli -D (2)然后在项目根目录中,创建一个 webpack.config.js 的配置文件用来配置webpack在 webpack.config.js 文件中编写代码进行webpack配置,如下: module.exports ={ mode:"development"//可以设置为development(开发模式),production(发布模式)} 补充:mode设置的是项目的编译模式。
Webpack是前端项目自动化构建工具,本质上,webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。(官网定义)。
# WebPack:前端项目构建工具 什么是 WebPack? 中文名为"张量转换")是一个现代 JavaScript 应用程序的静态模块打包工具。当 WebPack 处理应用程序时,它会递归构建一个依赖关系图,其中的每个模块都被映射成一个对应的输出模块。通过这种方式,WebPack 可以将整个应用程序(包括 JavaScript、样式表、图片以及其他代码资源...
最近一直在写前端项目、然后又使用strapi在写后端服务,在使用到加解密这快内容,相同的代码需要复制粘贴,索性写一个工具吧,于是带着研究,百度了一番,目前常见的工具有webpack、vite、rollup,相对主流的vite和rollup目前比较流行,webpack实在是卡顿 于是我又找找看看,又翻翻看,看到了tsup,构建方式简单,不用繁琐的配...
gulp是与grunt功能类似的前端项目构建工具, 也是基于Nodejs的自动任务运行器 能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的 合并、压缩、检查、监听文件变化、浏览器自动刷新、测试等任务Loading...能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的 合并、压缩、检查、监听...
# 前端构建工具:Vite 在快速开发与优化前端项目中的应用 一、Vite 是什么 概述 是一个由尤雨溪(Vue.js 作者)创造的构建工具。它主要用于快速构建现代化的 We...
前端开发人员不仅要处理好界面设计和用户体验,还需要对项目的构建和模块管理有所了解。本文将介绍几种常用的前端项目构建工具和模块管理工具,帮助读者更好地理解并应用于实际开发中。 一、项目构建工具 1. Webpack Webpack是一个强大的模块打包工具,它可以将各种资源(例如JavaScript、CSS、图片等)视为模块,并将它们...