上一篇
Iframe 跨域使用Jquery选择器,解决中文乱码
在互联网公司当小弟是一个什么体验?躺平,想多了。互联网的人思维是开放的,积极争取的,具备挑战精神:没有困难,制造困难,克服困难。举个栗子:公司的前端技术栈永不止步。
对于个人,技术栈迭代让自己处在技术前沿阵地,远离淘汰;对于公司,不成熟的技术栈,意味更多的风险。作为小弟,没有进入管理层,便没有决策权,公司的前端技术栈碰碰撞撞总于来vue-loader+webpack的面前。
CMDnpm install -g webpack
npm install -g webpack-cli
※ 全局安装webpack,命令查看webpack -v 是否安装成功
CMDcd /d D:phpStudy\WWW\项目文件夹
npm install
※ 读取同目录下package.json安装配置
抱着大佬大腿,项目的地基已打下,现在该由小弟上场的时候了。坑虽迟,但到。每次编辑代码,手动输入webpack命令,查看修改效果,你是想不到这是多么痛苦的体验。
工作效率之低下,大名鼎鼎webpack就这样?翻查webpack文档,webpack可以自动监听,自动编译代码。
CMDwebpack --watch
你以为摆脱了手动输入命令的烦脑,随后发现新的问题,自动编译效率太慢,又陷入工作效率低的怪圈。又重新翻开webpack文档,找到根本原因,打开webpack.config.js文件,修改mode参数。
JSmodule.exports = {
...
mode: 'development' //开发模式
...
}
你以为胜利的署光就在眼前,那只能怪你太年轻了,重新运行命令webpack --watch,鲜红鲜红的报错直接打脸了。
CMDERROR in asset size limit: The following asset(s) exceed the recommended size li
mit (293 KiB).
This can impact web performance.
Assets:
dapp_p_1.c898746fb7904eecafc4.chunk.js (976 KiB)
dapp_p_2.c898746fb7904eecafc4.chunk.js (492 KiB)
vendors.c898746fb7904eecafc4.chunk.js (455 KiB)
ERROR in entrypoint size limit: The following entrypoint(s) combined asset size
exceeds the recommended limit (488 KiB). This can impact web performance.
Entrypoints:
app (512 KiB)
vendors.css
vendors.c898746fb7904eecafc4.chunk.js
app.js
解决方法,打开webpack.config.js文件,修改performance参数。
JSmodule.exports = {
...
performance: {
hints: 'warning',
maxAssetSize: 300000, // 整数类型(以字节为单位)
maxEntrypointSize: 500000 // 整数类型(以字节为单位)
}
....
}
靠山山会倒,靠人人会跑。想抱大腿,请不要有任何的幻想,请认清事实,只有自己技术过硬,才会走得更远。
最新评论Latest comments