js
文章平均质量分 54
XVW
此人帅是他妈的非常帅,但是什么东西都没写
展开
-
使用html-withimg-loader处理html中的图片
1.准备loader2.配置文件3.成功原创 2021-07-29 11:07:07 · 167 阅读 · 0 评论 -
使用file-loader处理CSS中的图片
1.项目准备首先准备一张背景图,放置到src目录下的img中修改以下css文件js文件和上一篇文章一样,不需要进行修改下载file-loader(npm install --save-dev file-loader)2.修改配置文件file-loader和css-loader一样,是一个loader,所以配置要在module的rules中配置:其实file-loader总共干了两件事:1.把本地的图片,复制一份,放到dist目录下的img目录中(目录结构.原创 2021-07-27 18:08:30 · 298 阅读 · 0 评论 -
使用Webpack处理CSS文件
同前几篇文章一样,首先需要在自己的项目目录下初始化自己的npm(命令:npm init),然后下载依赖的包(npm install webpack webpack-cli)初始化完成后,创建配置文件(webpack.config.js),轻车熟路了哈好了,让我们run以下试试:这时候可以看到报错了,说的是您需要一个loader处理该类型文件,这时候就联想到之前说的:loader是处理非js文件的。所以我们需要下载loader的包。这里需要下载css-loader(n...原创 2021-07-27 16:18:41 · 449 阅读 · 0 评论 -
Webpack01
1.认识WebpackWebpack是一个静态模块打包器,可以将我们写的程序打包成一个或者多个文件。那么什么是模块呢?Webpack中的模块指的是Webpack可以处理的最小文件,js、css、图片等等。什么是静态呢?静态指的是在开发过程中,存放在本地的资源(js、css、图片这些),而非是从远程服务器获取到的资源。场景:我们开发ES6的时候,会使用module,把写的代码拆分为好多个模块,这些操作下,浏览器需要解析就得做其他处理,手动解决这个问题就很慢,所以就使用了Webpack。...原创 2021-07-27 12:22:45 · 83 阅读 · 0 评论 -
Babel从入门到使用
1.认识Babel首先呢,我们来看一下Babel的官网:https://babeljs.io/,官网中给出的官方解释是:Babel is a JavaScript compiler.Use next generation JavaScript, today.(Babel是一个JS的编译器。有了Babel之后,我们就可以使用下代的JS了。)也就是说Babel是可以将ES6代码编译成ES5或者更早的版本,这样就可以不用考虑浏览器的兼容性问题了。2.使用Babel 在官...原创 2021-07-23 17:02:40 · 399 阅读 · 2 评论