js_admin的博客

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

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

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

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