2024年04月02日
1. 先说下什么是WebPack? WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Sass,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。在3.0出现后,Webpack还肩负起了优化项目的责任,目前已经到了4.x版本。
2024年04月02日
在开发的时候会时常用到第三方的库或者框架,比如耳熟能详的jquery。借助它们能提高开发效率,但是如何在webpack中使用呢。这篇文章介绍两个东西,如何使用第三方库以及如何提取第三方库。 1、在入口文件当中直接导入 安装jQuery使用第三方库
2024年04月02日
一个比较老的公司项目,webpack 用的 v3 版本,为了实现localhost、127.0.0.1和本机ip可以同时访问,webpack的devServer里的 host 我们一般会设置成 0.0.0.0,这样本机所有 ipv4 地址都可以实现访问。
2024年04月02日
上篇文章了解了怎么去配置以及运行webpack,但是由于简单的打包js,有时候我们有很多css文件需要去打包,这个怎么办呢?不用着急,这边文章就是来一起学习怎么去简单的打包css文件。 配置webpack环境 首先创建空文件夹通过命令全局安装webpack(如果你已经全局安装过webpack,可以直接进行下一步初始化根目录)
2024年04月02日
首先来看执行npm run dev时候最先执行的build/dev-server.js文件,该文件主要完成下面几件事情: 1、检查node和npm的问题:vue开发命令 npm run dev 输入后的执行过程