Fork me on GitHub

随笔分类 -  webpack4

基于七牛云对象存储,搭建一个自己专属的极简Web图床应用(手摸手的注释讲解核心部分的实现原理)
摘要：一个 "极简的Web图床应用" ,支持复制粘贴与拖拽上传图片 1.开发缘由 日常使用Vs Code编写markdown笔记与博客文章时,在文章中插入图片时发现非常不便 使用本地文件编写相对路径 没法直接复制粘贴到其它地方 使用第三方的图床 需要登录账号(还是放到自己"口袋"里放心) vs code内 阅读全文
posted @ 2020-01-23 00:13 粥里有勺糖 阅读(1162) 评论(0) 推荐(0) 编辑
webpack静态资源拷贝插件
摘要：处理不需要使用webpack统一打包处理或webpack不支持的文件 安装 配置 阅读全文
posted @ 2019-12-24 01:55 粥里有勺糖 阅读(498) 评论(0) 推荐(0) 编辑
webpack 清理旧打包资源插件
摘要：当我们修改带hash的文件并进行打包时，每打包一次就会生成一个新的文件，而旧的文件并 没有删除。为了解决这种情况，我们可以使用clean webpack plugin 在打包之前将文件先清除，之后再打包出最新的文件 安装 配置 使用 配置完成,在打包时自动生效 阅读全文
posted @ 2019-12-23 22:13 粥里有勺糖 阅读(498) 评论(0) 推荐(0) 编辑
webpack 配置分离css插件
摘要：以css配置示例,less与sass同理 1. 使用旧版的ExtractTextPlugin插件 安装 在webpack.config.js中配置 如果还使用了根据css自动加前缀loader 使用方法 配置完成后运行webpack打包即可 2.使用新版mini css extract plugin 阅读全文
posted @ 2019-12-23 22:09 粥里有勺糖 阅读(548) 评论(0) 推荐(0) 编辑
webpack打包指定HTML的文件并引入指定的chunks
摘要：1. 安装 html webpack plugin 2. 在webpack.config.js中配置 3. 使用方法 直接启动webpack进行项目打包即可 阅读全文
posted @ 2019-12-23 20:38 粥里有勺糖 阅读(2605) 评论(0) 推荐(0) 编辑
webpack引入jQuery
摘要：1. 本地文件引入 配置 使用 index.js 2. 通过npm引入 安装 使用 index.js 阅读全文
posted @ 2019-12-23 20:33 粥里有勺糖 阅读(1296) 评论(1) 推荐(1) 编辑
webpack处理字体文件
摘要：1. 安装 file loader 2. 在webpack.config.js中配置 3. 使用方法 直接启动webpack进行项目打包即可 阅读全文
posted @ 2019-12-23 19:47 粥里有勺糖 阅读(833) 评论(0) 推荐(0) 编辑
webpack 处理图片文件
摘要：1. 安装 file loader html loader 其中html loader生效需配合 html webpack plugin (分离html插件)才能生效 2. 在webpack.config.js中配置 3. 使用方法 index.css index.js 阅读全文
posted @ 2019-12-23 19:24 粥里有勺糖 阅读(325) 评论(0) 推荐(0) 编辑
webpack配置根据浏览器自动添加css前缀的loader
摘要：1.安装 "postcss loader" "autoprefixer" 2.配置webpack.config.js 以css示例,less与sass中配置类似 3. 修改package.json 增加如下内容 4. 使用方式 通过直接引入配置了postcss loader的文件 阅读全文
posted @ 2019-12-23 13:13 粥里有勺糖 阅读(574) 评论(0) 推荐(0) 编辑
webpack打包less与sass
摘要：less 1.安装 less loader 与 less 2.配置webpack.config.js 3. 使用方法 index.js sass 1.安装 sass loader 与 node sass 2.配置webpack.config.js 3. 使用方法 index.js 阅读全文
posted @ 2019-12-23 13:06 粥里有勺糖 阅读(860) 评论(0) 推荐(0) 编辑
webpack打包css文件
摘要：1. 安装css loader 与 style loader 2. 在webpack.config.js中配置 3. 使用方法 index.js 阅读全文
posted @ 2019-12-23 13:03 粥里有勺糖 阅读(674) 评论(0) 推荐(0) 编辑