摘要: webpack 自动补齐 CSS 样式 autoprefixer 自动补齐 CSS3 前缀 CSS3 的属性为什么需要前缀? 浏览器标准不统一,目前来看。 举个例子 .box { -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-bo 阅读全文
posted @ 2020-09-10 21:01 jaiodfjiaodf 阅读(320) 评论(0) 推荐(0) 编辑
摘要: 自动清理构建目录产物 当前构建时的问题 每次构建的时候都不会清理目录,造成构建的输出目录 output 文件越来越多 rm -rf ./dist && webpack rimraf ./dist && webpack 方法有点笨 自动清理构建目录 避免构建前每次需要手动删除 dist npm ins 阅读全文
posted @ 2020-09-10 17:27 jaiodfjiaodf 阅读(452) 评论(0) 推荐(0) 编辑
摘要: HTML CSS 和 JS 的代码压缩 1. HTML 压缩 html-webpack-plugin,这是一个非常强大的插件 安装 npm install html-webpack-plugin -D 修改 html-webpack-plugin,然后设置压缩参数 "use strict"; // 阅读全文
posted @ 2020-09-10 17:05 jaiodfjiaodf 阅读(529) 评论(0) 推荐(0) 编辑
摘要: 文件指纹 什么是文件指纹? 文件指纹指的是打包后输出的文件名的后缀。 文件指纹如何生成? Hash:和整个项目的构建相关,只要项目文件有修改,整个项目构建的 hash 值就会更改。 Chunkhash:和 webpack 打包的 chunk 有关,不同的 entry 会生成不同的 chunkhash 阅读全文
posted @ 2020-09-10 16:26 jaiodfjiaodf 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 1. webpack中的文件监听 文件监听是在发现源码发生变化时,自动重新构建出新的输出文件。 webpack 开启监听模式,有两种方法: 启动 webpack 命令时,带上--watch 参数 在配置 webpack.config.js 中设置 watch:true { "name": "hell 阅读全文
posted @ 2020-09-10 09:43 jaiodfjiaodf 阅读(1902) 评论(0) 推荐(0) 编辑