摘要: 我们可以配置 热更新 当我们修改代码的时候 会同步更新输出 配置: 在 devServer 配置 hot 为 true devServer: { contentBase: path.resolve(__dirname, 'dist'), host: 'localhost', compress: tr 阅读全文
posted @ 2020-03-15 20:49 1点 阅读(335) 评论(0) 推荐(0) 编辑
摘要: 我们在开发多个页面的项目的时候,有时候会在几个页面中引用某些公共的模块,这些公共模块多次被下载会造成资源浪费,如果把这些公共模块抽离出来只需下载一次之后便缓存起来了,这样就可以避免因重复下载而浪费资源 场景: 项目中 有 a.js b.js index.js other.js 文件 index.js 阅读全文
posted @ 2020-03-15 18:02 1点 阅读(360) 评论(0) 推荐(0) 编辑
摘要: IgnorePlugin用于忽略某些特定的模块,让 webpack 不把这些指定的模块打包进去 测试例子: src/index.js import moment from 'moment' moment.locale('zh-cn') let date = moment().startOf('hou 阅读全文
posted @ 2020-03-15 11:20 1点 阅读(1888) 评论(0) 推荐(0) 编辑
摘要: 1. exclude 排除我们安装插件里面的代码 2 . include: path.join(__dirname, 'src'), 主要包含的是输出文件的src 测试下 效果在小项目 中 不是特别明显 阅读全文
posted @ 2020-03-15 11:06 1点 阅读(236) 评论(0) 推荐(0) 编辑
摘要: module.noParse 字段,可以用于配置哪些模块文件的内容不需要进行解析 不需要解析依赖(即无依赖) 的第三方大型类库等,可以通过这个字段来配置,以提高整体的构建速度 实例: 我们可以先安装 jquery 测试 打包测试下 耗时为 1000多ms 配置下 noParse 再次打包测试 耗时 阅读全文
posted @ 2020-03-15 11:00 1点 阅读(528) 评论(0) 推荐(0) 编辑