摘要: 1. webpack提供了一个可选的本地开发服务器,这个本地服务器基于node.js搭建,内部使用express框架,可以实现我们想要的让浏览器自动刷新显示我们修改后的结果。 2. 不过它是一个单独的模块,在webpack中使用之前需要先安装它 npm install --save-dev webp 阅读全文
posted @ 2022-04-13 18:04 搬砖工具人 阅读(74) 评论(0) 推荐(0) 编辑
摘要: plugin是什么? plugin是插件的意思,通常是用于对某个现有的架构进行扩展。 webpack中的插件,就是对webpack现有功能的各种扩展,比如打包优化,文件压缩等等。 loader和plugin区别 loader主要用于转换某些类型的模块,它是一个转换器。 plugin是插件,它是对we 阅读全文
posted @ 2022-04-13 16:54 搬砖工具人 阅读(438) 评论(0) 推荐(0) 编辑
摘要: ■仔细阅读webpack打包的is文件,发现写的ES6语法并没有转成ES5,那么就意味着可能一些对ES6还不支持的浏览器没有办法很好的运行我们的代码。 ■如果希望将ES6的语法转成ES5,那么就需要使用babel。 而在webpack中,我们直接使用babel对应的loader就可以了。 npm i 阅读全文
posted @ 2022-04-13 15:56 搬砖工具人 阅读(187) 评论(0) 推荐(0) 编辑
摘要: "devDependencies": { "css-loader": "^0.28.11", "file-loader": "^1.1.5", "less": "^3.9.0", "less-loader": "^4.1.0", "style-loader": "^0.23.1", "url-loa 阅读全文
posted @ 2022-04-13 11:17 搬砖工具人 阅读(1130) 评论(0) 推荐(1) 编辑