随笔分类 -  webpack

逐步了解webpack Learn more about webpack
webpack配置之css-loader配置
摘要:问题: 我们在main.js文件里面,通过import引入了一个css文件,但是在命令行中,发现了报错,报错信息的大致意思是:“没有找到合适的loader去处理css文件” 解决方法: 首先我们要知道,webpack只能打包处理js文件,所以其它的css文件、scss文件等都只能通过第三方的load 阅读全文
posted @ 2020-03-28 21:10 叶落终归根╮ 阅读(923) 评论(0) 推荐(0)
html-webpack-plugin
摘要:安装:cnpm install html-webpack-plugin -D 使用:在webpack.config.js文件里面添加配置: const htmlWebpackPlugin = require('html-webpack-plugin') module.exports = { plug 阅读全文
posted @ 2020-03-15 12:44 叶落终归根╮ 阅读(104) 评论(0) 推荐(0)
webpack-dev-server
摘要:webpack-dev-server是一个基于nodejs和webpack的一个简易服务器。它在服务端使用webpack-dev-middleware进行构建打包,并在客户端注入一份runtime,用于接受服务器的构建打包信息。 webpack-dev-server常用的功能: 自动打包编译、自动刷 阅读全文
posted @ 2020-03-14 21:57 叶落终归根╮ 阅读(187) 评论(0) 推荐(0)
图片的base64编码的利与弊?
摘要:什么是图片的base64编码? 图片的base64编码,就是将一张图片的数据进行base64编码成字符串,用这个字符串代替图片的地址。这样的话下载图片,就不用发起http请求了,而可以随着html的下载一起将图片下载到本地。 图片的base64编码的利处: 将一些小图片数据编码成base64,可以减 阅读全文
posted @ 2020-03-08 17:07 叶落终归根╮ 阅读(963) 评论(0) 推荐(0)
为什么要使用webpack?
摘要:在网页中会引用到哪些常见的静态资源? js (.js .jsx .coffee .ts) css (.css .less .sass .scss scss是sass的plus版) images(.jpg .png .gif .bmp .svg) videos audios fonts(.svg .t 阅读全文
posted @ 2020-03-08 16:27 叶落终归根╮ 阅读(215) 评论(0) 推荐(0)