提升开发效率的5个webpack插件
创始人
2024-11-11 21:10:02
0
  1. Vue-lazyload   图片懒加载插件:vue-lazyload
  2. Image-webpack-loader   图片压缩插件:image-webpack-loader,npm install image-webpack-loader,在vue.config.js中配置,设置压缩比率,如0.7

Config.module

  .rule(‘images’)

  .use(‘image-webpack-loader’)

  .loader(‘image-webpack-loader’)

3,  sprites  精灵图自动合成插件:sprites, 安装sprites插件, 1:配置中添加 精灵图地址,2,在代码中直接引用图片,例:‘assets/images/sprites/logo.png’

4,  px转rem   自适应屏幕。Viewport插件:

5,remove-console   生成环境中控制台不打印console.log

   安装 remove-console插件

   在配置里配置,如果是生成环境则使用去掉console的插件

另外,productionSourceMap:false   生产环境调试工具source-map

   因生产环境代码被压缩,转译。而source map是将编译,打包后的代码映射回源代码的过程。

   Sourcemap配合chrome可以提供一个debug线上项目的功能。只在打开控制台时才加载。

   配置中: productionSourceMap:false

   打开控制台右击add source map,出现webpack://,就可以调试对应的源码。

相关内容

热门资讯

揭秘几款"智星菠萝有... 揭秘几款"智星菠萝有挂!wepokerh5破解(其实真的是有挂)申智星菠萝有挂是一款一款智星菠萝有挂...
透视软件"德普之星私... 透视软件"德普之星私人局辅助器!wepoker插件下载(原来真的有挂);德普之星私人局辅助器是一款德...
避坑细节"wepok... 避坑细节"wepoker底牌透视!wepoker私人定制透视(其实真的是有挂);wepoker私人定...
必赢教程(wpk德州)外挂透明... 必赢教程(wpk德州)外挂透明挂辅助黑科技(德州wepower有外挂)的确是有挂的(有挂代打)1、德...
玩家必备攻略"wpk... 玩家必备攻略"wpk作弊是真的!wpk作弊(原来真的有挂);wpk作弊是真的是一种具有地方特色的,要...
五分钟私人房!菠萝德州app有... 五分钟私人房!菠萝德州app有挂,德扑之星专业代打,攻略教程(有挂长期)1、德扑之星专业代打ai辅助...
必赢方法(德州app)外挂透明... 必赢方法(德州app)外挂透明挂辅助器(德扑软件高端)果真真的有挂(有挂自建房)1、德州appai辅...
透明了解"wepok... 透明了解"wepoker新号好一点!拱趴大菠萝人水作弊(原来确实是有挂);拱趴大菠萝人水作弊是一种具...
八分钟安卓版!德扑之星操作,a... 八分钟安卓版!德扑之星操作,aa扑克能用模拟器,细节揭秘(有挂靠谱)aa扑克能用模拟器辅助器中分为三...
黑科技教程(咪咪扑克)外挂透明... 黑科技教程(咪咪扑克)外挂透明挂辅助黑科技(德扑之星可以操作)总是真的有挂(有挂线上)所有人都在同一...