![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Roike-Apple Inc
成都理工在读学生
展开
-
webpack中处理字体文件(url-loader)
在上一篇中我们讲了怎么通过第三方模块加载器对我们的图片进行处理 这一篇讲怎么处理我们的字体文件 我们先下载bootstrap3 在终端中输入 npm i bootstrap3 -S 若我们直接输入npm i bootstrap -S会自动下载bootstrap4(有兼容问题) 在bootstrap官网中查找字体图标 在我们的index.html中写一个图标 <!DOCTYPE htm...原创 2019-11-23 20:11:56 · 1285 阅读 · 0 评论 -
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 · 397 阅读 · 0 评论 -
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 · 198 阅读 · 0 评论 -
webpack的构建(进阶)
在上一篇中我们介绍到了webpack-dev-server工具的使用 ,接下来进行进一步的构建工作 webpack-dev-server 打包文件后的储存 通过上次的各种配置可以愉快地在编译器中频繁地使用ctrl+s来调戏我们的webpack 在享受webpack自动更新重启的过程时 你会忽然发现网页上的数据却没有更新 那webpack-dev-server不就是没起作用? 其实...原创 2019-11-22 20:30:25 · 162 阅读 · 0 评论 -
怎么在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 · 874 阅读 · 0 评论