Webpack
文章平均质量分 90
将 JavaScript文件打包在一起,打包后的文件用于在浏览器中使用 主要用于打包
江一铭
江一铭,字咏之,号逍遥居士。读书人,爱文学,软件工程理工男,IP浙江在职,从业五年。主攻前端方向技术研发,副攻Unity 3D、IOS客户端、Python人工智能等。2021年被评为华为云享专家,阿里云专家博主,前端领域优质创作者等。
展开
-
生产环境出问题了,测试环境是好的,怎么办?拉稀了!用这个方法重写浏览器源代码进行调试!
这个不难理解,背过八股文都都知道,vite是利用现代浏览器对ES模块的原生支持,以及HTTP/2服务器推送等技术,实现了快速的开发服务器和按需编译。在开发过程中,Vite会将代码按需编译成原生ES模块,不需要提前打包成bundle文件,从而加快了开发的速度。关于ES模块,就是一种在JavaScript中用于模块化的标准,它允许开发者将代码分割成多个模块,使得代码更易于组织、维护和重用。改完之后会有一个紫色的小点,这个时候,这个已经修改过的代码文件已经保存到本地了,并且,已经把修改过的文件替换到浏览器上了。原创 2024-04-08 14:48:26 · 619 阅读 · 0 评论 -
关于Webpack前端工程化构建,你必须要掌握这些核心知识点
引言在很久之前,模块化管理还没有出现,如果我们开发一个页面想要引入一些依赖的话,最常见的做法就是将依赖文件引入到.html文件中。比如,我们要使用JS的一些依赖库,就要在.html文件中使用<script>标签引用;要引用CSS的依赖就要使用<link>标签。如果页面中引入的依赖文件太多,那么向服务发送的请求也随之增多,势必会拖慢网页的加载速度,影响用户体验。另外,网页的内容也会变得很臃肿,增加维护的难度。在移动互联网时代的网站,正在逐渐演化成Web应用(Web Appli...原创 2022-03-12 03:16:32 · 2396 阅读 · 0 评论 -
Vite2.0搭建Vue3.0项目应用实战
前言 最近Vite2.0很火热,说是要替代webpack作为下一代前端构建工具。上个周末搬完房子仔细研究了一下,照着我们目前的项目环境,尝试搭建了一套基础环境,简单了解了Vite2.0的配置,以及各种库的集成。这里对Vite2.0不做过多的介绍,主要优点就是快,快,快。 环境配置 一条命令创建一个空的vite项目 npm init @vitejs/app vite-project 在终端,输入以上命令,会让你选择模板。 看文章标题我们就...原创 2021-08-19 09:09:19 · 1253 阅读 · 3 评论 -
Webpack搭建ES6开发环境(部分摘自网络)
首先要有node环境,进入Node.js的官网,选择对应系统下载安装包。安装node后集成了npm管理器设置默认npm使用淘宝镜像npm config set registry https://registry.npm.taobao.org安装cnpm包,安装成功后npm命令更换为cnpm命令npm install -g cnpm --registry=https://registry.npm.taobao.org## 安装成功之后,直接像使用npm一样使用cnpm即可,例如:安装某个包原创 2020-06-02 19:13:13 · 520 阅读 · 0 评论 -
怎么用webpack搭建前端环境?
一、前端构建工具gruntgulpwebpack(主流,https://webpack.js.org/)Fis3(百度)二、webpack是什么webpack 是一个现代 JavaScript 应用程序的静态模块打包器webpack稳定版本:v4.44三、如何使用webpack搭建前端环境安装node.js( v12.x)注意:如果npm安装一些包由于网速原因,安装慢切换一下镜像源改成淘宝镜像:npm config set registry https://regist原创 2020-08-17 14:32:53 · 661 阅读 · 0 评论