随笔分类 - webpack
摘要：https://juejin.im/post/5bc93881f265da0aea69ae2e
阅读全文
摘要：1、前沿 1.1、什么是SSR SSR（服务端渲染）顾名思义就是将页面在服务端渲染完成后在客户端直接展示。 1.2、客户端渲染与服务端渲染的区别 传统的SPA模式 即客户端渲染的模式 Vue.js构建的应用程序，默认情况下是有一个html模板页，然后通过webpack打包生成一堆js、css等等资源
阅读全文
摘要：https://blog.csdn.net/weixin_43473561/article/details/102816018 原因：ugluifyjs当前版本不符合项目预期（可能不能解析es6） 解决办法：yarn add uglifyjs-webpack-plugin@1（指定版本）
阅读全文
摘要：1.首先安装 babel-plugin-component组件： 2.修改babel.js配置 1 module.exports = { 2 presets: [ 3 '@vue/app', 4 ['env', //添加 babel-preset-env 配置 5 { 6 'modules': fa
阅读全文
摘要：前言 使用vue、react、angular等技术开发过程中，我们都会遇到以下问题： 首屏加载慢 每一次更新都需要清除浏览器缓存才能看到效果(经常被测试吐槽) 这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。 前端页面文件缓存
阅读全文
摘要：https://www.jianshu.com/p/8f82459895c9
阅读全文
摘要：Yarn是什么？ “Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的。”这句话让我想起了使用npm时的坑了：- npm install的时候巨慢。特别是新的项目拉
阅读全文
摘要：淘宝镜像安装 控制台内执行 npm install -g cnpm --registry=https://registry.npm.taobao.org 使用 安装成功后 使用 cnpm i xxx 代替 npm install xxx
阅读全文
摘要：https://segmentfault.com/a/1190000022512358
阅读全文
摘要：https://www.jianshu.com/p/8f82459895c9
阅读全文
摘要：首先添加yarn add 插件 “compression-webpack-plugin” 然后在vue.config.js里引入 在configureWebpack里增加插件代码。 注意：deleteOriginalAssets: true。网上很多博客都是false，然后打包体积比原来还多。尴尬！
阅读全文
摘要：webpack 熟练掌握Webpack的常用配置,能够自己构建前端环境,并进行项目优化; 001.谈谈你对webpack的看法: webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript
阅读全文
摘要：“5.0.3”表示安装指定的5.0.3版本，“～5.0.3”表示安装5.0.X中最新的版本，“^5.0.3”表示安装5.X.X中最新的版本。
阅读全文
摘要：https://zhuanlan.zhihu.com/p/99959392?utm_source=wechat_session&utm_medium=social&utm_oi=619076313202561024 前言 2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率
阅读全文
摘要：前言 自从前端三大框架React、Vue、Angular面世以来，前端开发逐渐趋向规范化、统一化，大多数时候新建前端项目，首先想到使用的技术一定是三大框架之一，框架给前端开发带来了极大的便利和规范，但是由于这三大框架都是JS驱动，在JS没有解析加载完成之前页面无法展示，会处于长时间的白屏，带来了一定
阅读全文
摘要：症结 在利用webpack脚手架搭建vue项目后，往往最终打包的.js和.css文件过于庞大，造成首次加载的时候白屏时间过长，影响用户体验，下图为未经任何优化直接npm run build之后的情况： 其中vendor.js文件高达1.16MB，平均白屏时间超过10秒。 解决方案 使用CDN剥离JS
阅读全文
