前端开发

ERROR Invalid options in vue.config.js: "baseUrl" is not allowed

2020-03-13227次阅读webpack
在vue-cli.3.2.0版本后 baseUrl被废除了,因此这边要写成 publicPath。
前端开发

图片压缩工具imagemin

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

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

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

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

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

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

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

Webpack4内置development开发模式

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

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

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

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

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

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

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

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

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