首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
吐泡泡姑娘
掘友等级
前端求道者
努力奋斗,就像钓鱼,大鱼小鱼,都是收获
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
34
文章 13
沸点 21
赞
34
返回
|
搜索文章
赞
文章( 13 )
沸点( 21 )
webpack学习(七) -- 提取公共js代码
提取公共js代码前言条件该方法只适用于多入口js文件优点减少代码冗余提高用户加载速度webpack4新特性(splitChunks)splitChunks替代了之前webpack3的common-ch
webpack学习(三) -- js tree shaking
咳咳。。。步入正题 翻译过来就是树抖动,树抖动都是会把叶子都下来,那么代码抖动会都下来什么呢?当然是代码啦~tree shaking会在生产环境下打包时把没有使用到的代码剔除掉,减小打包后js的体积,开发环境下不会剔除。 上述情况是因为我们刚才执行的是npm run dev,是…
webpack学习(四) -- css tree shaking
css抖动一定要放在js之前,否则会报错。
webpack学习(六) -- webpack自动生成html文件并引入js包
痛点:html是我们前端最最基础的也是最接近视图的部分,上文中说到关于css的部分,我们的案例都是要自己创建html文件,然后把打包后的js和css文件手动引入html中。 这样狠繁琐呀,所以本文就是要学习,怎么用webpack实现通过当前的html文件,自动生成一个html文…
webpack学习(五) -- postcss的使用
以上是引入了一个增加前缀的postcss插件,下面我们打包执行一下,看看是什么效果。 继续学习!这里先简单使用一下cssnext的语法,然后将其解析为正常的css语法。下图红框为cssnext语法,意为在根元素定义一个color变量为red,然后在a标签里使用该变量。 注:如果…
Tree-Shaking性能优化实践 - 原理篇
一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意,本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件,将其中用不到的代码"摇"掉,是一个性能优化的范畴。具体来说,在 webpack 项目中,有一个入口文件,相当…
webpack学习(二) -- 配置文件及五大核心概念
小女子比较懒,平时洗衣服几乎都是洗衣机,洗衣机就相当于webpack工具,洗衣服的时候,直接塞进去,按开始键,洗衣机就按照它默认的程序执行洗衣步骤。 如果哪天我要洗羊毛料的衣服,我需要按洗衣机的按钮,选择羊毛,这个过程就是配置过程,洗衣机就按照我配置的方法洗衣服。 接下来就看看…
vuex基础学习
vuex用来做什么?答:vuex为存储我们共享数据的一个仓库安装在vue-cli3框架中使用在vue-cli2中使用引入vue项目*使用时记得要将store.js文件引入到main.js中才可使用组成
webpack学习(一) -- 基础概念及安装执行
答:是根据业务项目的特点,在公司多人协作开发,总是需要一套固定的规范让开发者彼此的技术选型、代码规范、项目的构建发布都能保持一致,代码质量和效率都会因此增加。 ---这是我自己的理解,官方说法如下: 答: 代码压缩、语法检查、图片合并、图片压缩等。 所以,全局安装完毕之后最好进…
下一页
个人成就
文章被点赞
81
文章被阅读
29,604
掘力值
648
关注了
8
关注者
91
收藏集
1
关注标签
18
加入于
2017-12-12