首页/ 填坑/ 文章详情

躺平vue-loader+webpack配置,那是不可能的

在互联网公司当小弟是一个什么体验?躺平,想多了。互联网的人思维是开放的,积极争取的,具备挑战精神:没有困难,制造困难,克服困难。举个栗子:公司的前端技术栈永不止步。

对于个人,技术栈迭代让自己处在技术前沿阵地,远离淘汰;对于公司,不成熟的技术栈,意味更多的风险。作为小弟,没有进入管理层,便没有决策权,公司的前端技术栈碰碰撞撞总于来vue-loader+webpack的面前。

安装webpack:

CMDnpm install -g webpack
npm install -g webpack-cli

※ 全局安装webpack,命令查看webpack -v 是否安装成功

安装node_modules:

CMDcd /d D:phpStudy\WWW\项目文件夹
npm install

※ 读取同目录下package.json安装配置

抱着大佬大腿,项目的地基已打下,现在该由小弟上场的时候了。坑虽迟,但到。每次编辑代码,手动输入webpack命令,查看修改效果,你是想不到这是多么痛苦的体验。

工作效率之低下,大名鼎鼎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 // 整数类型(以字节为单位)
    }
    ....
}

靠山山会倒,靠人人会跑。想抱大腿,请不要有任何的幻想,请认清事实,只有自己技术过硬,才会走得更远。

文章评论0 records

最新 最早

0

最新评论Latest comments

big2catbig2cat 08-27 16:11
然而没什么用,smartpss不兼容老录像机,就算能看回放,很多时间点在回放里也看不到
HentaiCatHentaiCat 2020-12-30 10:22
考科目二全程很紧张,考了三次才过,有次侧方入库直接pass,100分扣完,呜呜呜~
猫猫酱猫猫酱 2020-11-12 10:56
一入多肉深似海,说多都是泪
soulkunsoulkun 2020-11-05 15:54
IconFont的图标真的很好用!!!
无限链霉球菌无限链霉球菌 2020-11-03 11:41
药店,了解一下(`・ω・´)