摘要: 1、HMR 热模块替换 当一个模块改变时,只重新打包这一个模块,提升了构建速度 devServer: { static: './dist', hot:true//开启 HMR }, 样式文件:可以使用 HMR 功能,因为 style-loader 内部实现了 js 文件:默认不能使用 HMR 功能 阅读全文
posted @ 2022-01-28 21:26 RikkaXl 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 1、js 代码的语法检查 npm 添加依赖,一共需要下载4个依赖 npm i eslint eslint-loader eslint-plugin-import eslint-config-airbnb-base -D 在 webpack.config.js 中添加配置 module: { rule 阅读全文
posted @ 2022-01-28 19:08 RikkaXl 阅读(93) 评论(0) 推荐(0) 编辑
摘要: 1、提取 css 文件 npm 下载插件 npm i mini-css-extract-plugin 在 webpack.config.js 中使用 const MiniCssExtractPlugin =require('mini-css-extract-plugin') .... module: 阅读全文
posted @ 2022-01-28 18:45 RikkaXl 阅读(27) 评论(0) 推荐(0) 编辑
摘要: Webpack 是一个前端构建工具,项目打包工具,用来管理和打包前端项目 1、Webpack 的核心概念 1、Entry 入口指示,Webpack 以哪个文件为入口起点开始打包,分析构建内部依赖图 2、Output 输出指示,Webpack 打包后的资源 bundles 输出到哪里去,以及如何合并 阅读全文
posted @ 2022-01-28 12:17 RikkaXl 阅读(83) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示