美文网首页前端
常用的plugin

常用的plugin

作者: sweetBoy_9126 | 来源:发表于2021-11-01 14:05 被阅读0次

imagemin-webpack-plugin

用处:用来压缩你所有的图片资源
原理:
首先监听一个emit事件,在emit事件里对所有的compilation.assets进行检测,如果发现是图片就优化,优化后就把这个图片替换成原来的图片

clean-webpack-plugin

用处:用来清除build目录
原理:监听emit事件触发一个handleInitial方法,拿到你的compilation里的stats,然后调用removeFiles移除你的dist文件目录,移除完成后删除assets之外的文件

ProvidePlugin

用处:不需要单独每次在每个文件里通过import关键字引入一个库或文件
原理:先监听complilation(编译)阶段,在编译阶段获取 nmf,然后监听 nmf 的 parser 阶段,在 parser 阶段遍历 ast 一旦发现对应的 name 就自动创建一个 Import 关键字 引入 name,比如 name 是 react

相关文章

  • (7)使用Java Plugin

    Gradle最常用的Plugin便是java Plugin了。和其他Plugin一样,java Plugin并没有...

  • 常用plugin

    开启HMR 用途:页面热更新(模块热替换)首先我们要确保项目是基于webpack-dev-server或webpa...

  • AS常用Plugin

    -Alibaba Java Coding Guidelines阿里开发的此插件应该说极大的改善程序员的代码质量,帮...

  • 常用的plugin

    imagemin-webpack-plugin[https://github.com/Klathmon/image...

  • 常用chrome plugin

    Axure PR Extension for Chrome想要在浏览器上查看下载的Axure视图,你只需要一个ch...

  • webpack常用plugin

    webpack-merge 合并两个配置文件,他是webpack插件,引入webpack模块即可使用应用场景:区分...

  • idea常用插件

    Free MyBatis plugin(免费) 常用功能 自动生成 MyBatis 的 dao, mapper, ...

  • webpack(壹)

    常用webpack 插件 html-webpack-plugin css-loader style-loader...

  • git别名(oh-my-zsh)

    vim ~/.oh-my-zsh/plugins/git/git.plugin.zsh 常用 全部

  • flutter常用插件集合

    flutter常用插件集合 alibaba/flutter_boost:路由install_plugin 2.0....

网友评论

    本文标题:常用的plugin

    本文链接:https://www.haomeiwen.com/subject/jxezaltx.html