前端VUE项目使用多线程10秒快速打包【附加打包失败解决案例】

如果前端VUE项目页面增多、引入文件剧增,或造成打包速度巨慢,作为前端是无法忍受的。
这是因为VUE项目默认打包插件是uglifyjs-webpack-plugin,属于单线程操作。
我们可以使用webpack-parallel-uglify-plugin插件模块,实现多线程并行式处理。
因此,现在需要先安装webpack-parallel-uglify-plugin,

1
npm i -D webpack-parallel-uglify-plugin

然后修改X\build\路径下的webpack.prod.conf.js文件
修改uglifyjs-webpack-plugin模块引入

1
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');


1
const ParallelUglifyPlugin = require('webpack-parallel-uglify-plugin');

然后注释掉

1
2
3
4
5
6
7
8
9
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false
}
},
sourceMap: config.build.productionSourceMap,
parallel: true
}),

添加以下语句就可以了

1
2
3
4
5
6
7
8
9
new ParallelUglifyPlugin({
cacheDir: '.cache/',
uglifyJS: {
output: {
comments: false
},
warnings: false
}
})

就此完毕!是不是很简单?打个包看看,打包速度是不是比以前提升好几倍,嘻嘻..

如果碰到VUE打包失败,出现下面的错误

1
UnhandledPromiseRejectionWarning: CssSyntaxError:

这个意思是说打包的CSS文件有非法字符,大部分是注释不规范造成的
我这里是因为CSS文件中误用 // 作为注释造成的,而 // 在SCSS文件中用是没问题的。

2019全2020初

今年真是忙的不行呀,暂且开个头。。。
呆在贵阳一个多月,一个人住着100多平的房子,每天单调的生活,明天飞回北京,想念想见的人,想见却不能相见的人(时间依然不能让我忘却,所以给自己3年的时间),想念北京的暖气。。。

为什么加班到现在,运维是个大坑货!!!

一套系统,本地运行的没问题,同样的安装流程却无法成功运行。
捣鼓了两周,终于在今天晚上搞清了所有问题的原因所在:
编码一定保持一致呀喂!
编码一定保持一致呀喂!
编码一定保持一致呀喂!
操作系统的编码应该是UTF-8,非得改成GBK,数据库编码应该时UTF-8,为什么都变成latin….,tomcat为什么不配置跨域呢。。。。
运维是个大坑货呀!!!MD,晚上运维的晚饭还是我请的,现在就想弄死他。。。。

一道难倒不少前端面试者的问题

有一数组,里面有若干(数目和薪资一样多)数字,数字有重复,如何找出重复次数最多的数字


这个问题每次和组员面试时必问,其中能够理出逻辑过程的不到一半,大部分都是先声明一个空数组,然后经过数次循环对比处理,而首先声明空对象的不多(数据结构很重要呀!!!这是我们非科班的硬伤)。
常规答案如下:

点击继续阅读