Roikehiya的博客

在上一篇中我们讲了怎么通过第三方模块加载器对我们的图片进行处理这一篇讲怎么处理我们的字体文件我们先下载bootstrap3在终端中输入 npm i bootstrap3 -S若我们直接输入npm i bootstrap -S会自动下载bootstrap4(有兼容问题)在bootstrap官网中查找字体图标在我们的index.html中写一个图标<!DOCTYPE htm...

在上篇文章中我们介绍了js的打包以及一些模版的使用现在来介绍怎么打包非js文件为什么要专门介绍怎么去打包非js文件,这与js文件有什么不同因为webpack默认只能打包处理js文件无法处理非js类型的文件如果要处理非js的文件，我们需要手动安装第三方loader加载器// 1 如果想要打包处理css 需要安装 npm i style-loader css-loader -D/...

webpack构建的基本步骤创建项目文件夹我这里是创建了一个叫 webpack-build 的文件夹将文件夹拖到vscode中并且创建 dist和src两个文件夹如图所示：【src文件夹用于存放项目源代码，里面分别放有css js images index.html和main.js 】(index.html是 项目首页 ---- main.js是 我们的js入口文件...

在上一篇中我们介绍到了webpack-dev-server工具的使用，接下来进行进一步的构建工作webpack-dev-server 打包文件后的储存通过上次的各种配置可以愉快地在编译器中频繁地使用ctrl+s来调戏我们的webpack在享受webpack自动更新重启的过程时 你会忽然发现网页上的数据却没有更新那webpack-dev-server不就是没起作用？其实...

- 首先要安装node.jsnode.js官网下载 这里安装和安装软件一样 很简单，就不过多地介绍了 记得安装mac版本的安装完成后在 终端 输入node -v以及npm -v查看node版本检验是否安装成功- 然后就可以开始安装webpack了在windows系统下 只需要使用npm install webpack -g进行全局安装但是在mac直接这样会报错报错提示电脑...