js_admin的博客

1、系统基于panjiachen后台管理系统模板，升级webpack5。2、github地址:https://chengmanxiang/webpack5-vue2-admin3、线上地址：webpack5 vue2

学习webpack时，遇到webpack-dev-middleware时，不理解它的作用，故搜集资料，才明白起作用，写下文章，供大家学习。

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。当前各大主流框架默认配备的打包方案，对其如何使用，已有较完备中英文文档；并且，各主流框架也有对应 CLI 予以基础配置，故不作为探讨

vue 项目 使用sass1，使用save会在package.json中自动添加。npm install node-sass --save-devnpm install sass-loader --save-dev注：通常使用npm安装会出现以下报错，安装失败。（网路问题）可以通过淘宝的npm镜像安装node-sass，解决以上问题。