随笔分类 - webpack
逐步了解webpack
Learn more about webpack
webpack配置之css-loader配置
摘要:问题: 我们在main.js文件里面,通过import引入了一个css文件,但是在命令行中,发现了报错,报错信息的大致意思是:“没有找到合适的loader去处理css文件” 解决方法: 首先我们要知道,webpack只能打包处理js文件,所以其它的css文件、scss文件等都只能通过第三方的load
阅读全文
html-webpack-plugin
摘要:安装:cnpm install html-webpack-plugin -D 使用:在webpack.config.js文件里面添加配置: const htmlWebpackPlugin = require('html-webpack-plugin') module.exports = { plug
阅读全文
webpack-dev-server
摘要:webpack-dev-server是一个基于nodejs和webpack的一个简易服务器。它在服务端使用webpack-dev-middleware进行构建打包,并在客户端注入一份runtime,用于接受服务器的构建打包信息。 webpack-dev-server常用的功能: 自动打包编译、自动刷
阅读全文
图片的base64编码的利与弊?
摘要:什么是图片的base64编码? 图片的base64编码,就是将一张图片的数据进行base64编码成字符串,用这个字符串代替图片的地址。这样的话下载图片,就不用发起http请求了,而可以随着html的下载一起将图片下载到本地。 图片的base64编码的利处: 将一些小图片数据编码成base64,可以减
阅读全文
为什么要使用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
阅读全文
浙公网安备 33010602011771号