前端开发

图片压缩工具imagemin

2019-08-20108次阅读gulpwebpack
imagemin相比于一些在线工具或者App,自己写脚本更灵活一些。程序很简单,分别针对 JPG、PNG、SVG安装加载相应的插件就好。
前端开发

JS压缩后IE低版本不兼容,试试把uglifyjs-webpack-plugin升级到2+

2019-06-19135次阅读gulpwebpack
JS压缩后IE低版本不兼容,试试把uglifyjs-webpack-plugin升级到2+
前端开发

inline-source把css、js代码内联插入到HTML中

2019-06-05387次阅读webpackgulp
inline-source可以内联和压缩包含inline属性的标签内容。默认情况下支持,和(包括*.svg sources)标记,并且可以轻松扩展以处理其他标记。注意:从版本6开始,API现在基于Promise并且兼容async/await,需要Node7.6+。
前端开发

webpack中的JSON.stringify('production')从何而来

2019-05-25218次阅读webpackvue
这个不得不说起webpack DefinePlugin插件,它允许您创建在编译时配置的全局常量。其中process.env.NODE_ENV替换为字符串字面量同时可以让UglifyJS之类的压缩工具完全丢掉仅供开发环境的代码块,以减少最终的文件大小。
前端开发

Webpack4内置development开发模式

2019-05-13191次阅读webpack
为了更好的开发体验,一般都是在watch模式下运行webpack。尝试运行webpack --watch。现在每次进行一些更改时,Webpack都会重新构建重建您的项目代码并输出。Webpack-dev-server可以做到这一点。它不是将文件写入目标目录,而是在内存中处理它们。
前端开发

uglifyjs-webpack-plugin压缩配置防止删除对象属性引号

2019-05-11287次阅读webpack
UglifyJS Webpack Plugin这个插件其实使用uglify JS压缩javascript,细翻uglify JS选项,总有一些选项适合你。
前端开发

webpack使用uglifyjs-webpack-plugin压缩JS并支持IE低版本浏览器

2019-05-10367次阅读webpack
uglifyjs-webpack-plugin这个插件其实使用uglify JS压缩javascript。ie8:true属性(默认值:false)Uglify JS不会兼容IE8。当设置为true时支持对IE低版本浏览器的支持
前端开发

Webpack将多个文件夹入口输出到多个文件夹实践

2019-05-10270次阅读webpack
以gulp4构建任务实例代码为基础事例,正常情况下Entry入口是这样的
前端开发

Webpack4模式(mode)及production内置优化

2019-05-10295次阅读webpack
mode模式配置选项是Webpack4引入的参数。用来告知webpack使用相应环境的内置优化。可能的值有:none, development 或 production,如果没有设置,webpack 会将mode的默认值设置为production。
前端开发

Webpack4使用SplitChunksPlugin进行代码拆分

2019-05-09201次阅读webpack
Webpack4引入了SplitChunksPlugin,这使得commonsChunksPlugin变得过时。如何拆分输出代码以提高应用程序的性能是本文的重点。