webpack
文章平均质量分 63
简单学习webpack
是云呀!
一起加油啊!上海,郑州求内推。
展开
-
03 webpack babel 对js处理
前面我们已经对 css 图片 等处理过了,但还没处理js文件,webpack会对js文件打包,但不会对代码处理,例如es6+转为es5Babel是一个工具链,主要用于旧浏览器或者环境中将ECMAScript 2015+代码转换为向后兼容版本的 JavaScript; 包括:语法转换、源代码转换等Babel命令行使用babel本身可以作为一个独立的工具(和postcss一样),不和webpack等构建工具配置来单独使用Babel的底层原理在webpack中使用n..原创 2022-02-21 14:36:32 · 402 阅读 · 0 评论 -
02 webpack 插件Plugin
loader只是用来加载某些模块的,但我们的一些其他需求他是完成不了的,比如每次打包前把之前打包文件删除。。。等我们可以使用插件Plugin来完成,Plugin可以用于执行更加广泛的任务,比如打包优化、资源管理、环境变量注入等CleanWebpackPlugin每次修改了一些配置,重新打包时,都需要手动删除dist文件夹: 我们可以借助于一个插件CleanWebpackPlugin;先安装 npm install clean-webpack-plugin -D在webpack.confi原创 2022-02-20 21:25:43 · 400 阅读 · 0 评论 -
01 认识webpack
1,webpack是什么webpack是一个静态的模块化打包工具,为现代的JavaScript应用程序;2,有什么用?打包优化,es6+转为es5 ,模块化 ,热更新,css处理 等Vue-CLI、create-react-app、Angular-CLI都是基于webpack来帮助我们支持模块化、less、 TypeScript、打包优化等的3,使用前提需要node环境 npm4,全局安装打开命令行 通过npm i webpack webpack-cli 全局安装webp原创 2022-02-20 18:21:56 · 453 阅读 · 0 评论