- 博客(7)
- 收藏
- 关注
RSS订阅原创 webpack中处理字体文件（url-loader)
在上一篇中我们讲了怎么通过第三方模块加载器对我们的图片进行处理 这一篇讲怎么处理我们的字体文件 我们先下载bootstrap3 在终端中输入 npm i bootstrap3 -S 若我们直接输入npm i bootstrap -S会自动下载bootstrap4(有兼容问题) 在bootstrap官网中查找字体图标 在我们的index.html中写一个图标 <!DOCTYPE htm...
2019-11-23 20:11:56
1455
原创 webpack中处理url的loader
在上一篇中讲解了怎么通过webpack对我们的非js文件进行打包处理(css,less） 如何使用webpack对我们的url属性的文件进行打包（比如图片） 在之前的index.css中我们添加一张背景图片 运行我们的webpack的时候会报错： 这个报错和之前我们在main.js中引入css文件时报的错是一样的 (详情可以查看上一篇文章） You may need an appr...
2019-11-23 14:00:31
321
原创 webpack的构建（非js文件的打包）
在上篇文章中我们介绍了js的打包以及一些模版的使用 现在来介绍怎么打包非js文件 为什么要专门介绍怎么去打包非js文件,这与js文件有什么不同 因为webpack默认只能打包处理js文件无法处理非js类型的文件 如果要处理非js的文件，我们需要手动安装第三方loader加载器 // 1 如果想要打包处理css 需要安装 npm i style-loader css-loader -D /...
2019-11-22 21:54:02
540
原创 webpack的构建（进阶）
在上一篇中我们介绍到了webpack-dev-server工具的使用 ，接下来进行进一步的构建工作 webpack-dev-server 打包文件后的储存 通过上次的各种配置可以愉快地在编译器中频繁地使用ctrl+s来调戏我们的webpack 在享受webpack自动更新重启的过程时 你会忽然发现网页上的数据却没有更新 那webpack-dev-server不就是没起作用？ 其实...
2019-11-22 20:30:25
237
原创 webpack的基本构建 （开始）
webpack构建的基本步骤 创建项目文件夹 我这里是创建了一个叫 webpack-build 的文件夹 将文件夹拖到vscode中并且创建 dist和src两个文件夹 如图所示： 【src文件夹用于存放项目源代码，里面分别放有css js images index.html和main.js 】(index.html是 项目首页 ---- main.js是 我们的js入口文件...
2019-11-22 15:57:50
302
原创 怎么在mac端配置webpack
- 首先要安装node.js node.js官网下载 这里安装和安装软件一样 很简单，就不过多地介绍了 记得安装mac版本的 安装完成后在 终端 输入node -v以及npm -v查看node版本检验是否安装成功 - 然后就可以开始安装webpack了 在windows系统下 只需要使用npm install webpack -g进行全局安装 但是在mac直接这样会报错 报错提示电脑...
2019-11-22 12:46:09
1021
原创 关于web的重定向，js实现重定向的方法
js实现网页的重定向 在学习过程中不经意间就会忽视一些细节部分，而重定向在项目中是会经常遇到的。 什么时候使用重定向？ 每当数据更新需要刷新网页的时候（比如 写一条博客提交博文后实时更新） 从后端获取到了数据并跳转到另一个页面的时候（比如 登陆验证后跳转到主页） 什么是重定向 重定向流程 客户浏览器发送http请求——》web服务器接受后发送302状态码响应及对应新的location给客户浏览...
2019-11-13 15:28:25
2340
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人