webpack--plugins

插件(plugins)听说对整个项目的起作用的和loader对页面起作用,还是有小小的区别


那就先从版权声明插件---这个是内置插件不需要下载,找一会怎样下载麻烦了


意义不是很大,我就不准备研究这单一的插件,这个内置插件主要用来---用的声明一下webpack --const webpack=require('webpack');就可以了


还偷就是在plugins:[]new一个new webpack.BannerPlugin("版权***")完事


HtmlWebpackPlugin这个插件也许是很重要的了会生成刚开始的页面和生成的压缩的脚本
npm install --save-dev html-webpack-plugin
但是需要一个模板文件和要生成文件要放的文件夹,我理解这个插件就是不用自己写index页面会自动生成,其他的作用看不出来


Hot Module Replacement
下面介绍的是热加载插件,自己认为这个插件起始是针对那些特有框架的热加载,


非内置插件的安装
npm install --save-dev extract-text-webpack-plugin


缓存是一个让人头痛的事情,然而webpack可以通过配置自动添加hash值清除缓存具体上图-秒懂
 


考为什么每次生成hash的脚本都会留下来,发布一次会多一个好恶心,还好有个清理的插件--闪亮登场
install clean-webpack-plugin --save-dev
配置这样写就好了
  new CleanWebpackPlugin('build/*.*', {
    root: __dirname,
    verbose: true,
    dry: false
  })
再一次包哈 





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值