在打包时使用了UglifyJs压缩JS,但是UglifyJs无法解析ES6,才出现了上述问题。网上查询解决方案,这个方案是:打开build/webpack.base.config.js 文件,resolve部分加入该报错文件 { test: /\.js$/, loader: 'babel-loade ...
分类:
其他好文 时间:
2021-04-27 15:24:39
阅读次数:
0
安装 mini-css-extract-plugin 抽离 css 内容 npm install mini-css-extract-plugin -D 压缩 css 代码 npm install optimize-css-assets-webpack-plugin -D 压缩js npm insta ...
分类:
Web程序 时间:
2021-03-16 14:04:04
阅读次数:
0
问题背景 网络上很少有比较有用的建议,我百度后找到一个还算靠谱的 https://blog.csdn.net/qq_34336393/article/details/105969781 但操作还是挺复杂的,需要使用代理工具Burt Suite,没有使用起来 解决方案 进过多次尝试找到一个比较好的方式 ...
分类:
Web程序 时间:
2021-02-03 10:43:01
阅读次数:
0
确定node安装成功,然后安装uglifyjs,打开终端输入下面命令: $ npm install uglify-js -g 安装好后就可以压缩js了 首先打开终端,进入js文件所在目录位置,然后使用命令:uglifyjs (js文件) -m -o (目标名称) 回车创建压缩文件 比如: $ ugl ...
分类:
Web程序 时间:
2020-07-08 13:35:29
阅读次数:
70
安装包 1. cnpm install gulp-concat gulp-uglify gulp-rename gulp-clean-css gulp-htmlmin-S 2. cnpm install gulp-livereload gulp-connect -S 代码目录结构 gulpfile. ...
分类:
其他好文 时间:
2020-07-04 15:12:02
阅读次数:
55
面试:提升页面性能优化的方法有哪些? 1、资源压缩合并,减少http请求 (html压缩, css压缩,js压缩,文件-公共库合并) 合并图片(css sprites)、CSS和JS文件合并、CSS和JS文件压缩 图片较多的页面也可以使用 lazyLoad 等技术进行优化。 精灵图等 2. 非核心代 ...
分类:
其他好文 时间:
2020-06-19 16:11:44
阅读次数:
71
本文主要介绍如何通过CLI命令行(也就是终端或者cmd打开的那个shell窗口)实现 js和 css 的合并压缩。 uglifyjs 合并压缩 js: 1.安装node 这一步就不多说了,下载node自行安装。 2.安装 uglifyjs 全局安装: npm install -g uglify-js ...
分类:
Web程序 时间:
2020-06-12 16:13:46
阅读次数:
80
1.压缩JS代码,mode设置为production后,打包时自动压缩代码 mode:'production', 2.压缩html文件,html文件不需要处理兼容问题,压缩文件只需要在plugins中的HtmlWebpackPlugin中配置minify即可 new HtmlWebpackPlugi ...
分类:
Web程序 时间:
2020-06-06 00:35:49
阅读次数:
91
1,js 压缩: 将 mode 改为“production" 即可,production 模式下,webpack 会自动压缩 js 文件 2,html 压缩: src / index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset ...
分类:
Web程序 时间:
2020-06-05 21:12:00
阅读次数:
90
前几天在寻找压缩js文件的工具,开始接触到gulp这款出色的前端代码部署工具,看了官方文档和一些资料,学会了怎么使用gulp进行压缩,特地写个简单的入门操作指南,加深自己的印象。gulp能够实现很多功能,在这里我就以自己使用的压缩js文件为例子进行介绍 1.安装nmpNPM是随同NodeJS一起安装 ...
分类:
其他好文 时间:
2020-05-16 20:44:36
阅读次数:
58