Loadsh库模块化引入

loadsh提供模块按需加载

loadsh本身提供模块化引入,可按需引入

1
2
3
4
5
6
7
// 
import { debounce } from 'loadsh'
import { throttle } from 'loadsh'

// 按需引入
import { debounce } from 'loadsh/debounce'
import { throttle } from 'loadsh/throttle'

webpack-spritesmith雪碧图

项目开发设计师没有提供svg或者icon-font,只能使用图片,过多的小图片造成资源浪费,解决方案:webpack打包将多个图标合成雪碧图

需要同时配置开发环境和线上环境的webpack配置

  • webpack-spritesmith 合成雪碧图插件
  • file-loader

externals外部扩展理解

如果我们想引用一个库,但是又不想让webpack打包,并且又不影响我们在程序中以CMD、AMD或者window/global全局等方式进行使用,那就可以通过配置externals。

webpack插件关于autoprefixer的冲突

1. 实际遇到的问题

项目中经常会遇到css的一些奇怪问题,有些css属性的设置在在本地编译运行的时候是好的,但是打包上线之后这个属性就平白无故的没有了?

具体场景
在处理多行文本溢出时,需要使用-webkit-box-orient: vertial,在本地开发测试一切正常,但是在webpack编译之后,检查样式并没有这个属性,其他的属性都有。

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×