react项目中使用svg-sprite-loader按需加载svg

2021-08-31
阅读 2 分钟
5.2k
svg组件 {代码...} webpack配置--loader {代码...}

学习vuecli背后的过程

2021-03-15
阅读 4 分钟
2.2k
【vue.js】bin/vue.js利用commander来定义命令选项create,将create命令匹配到create方法(lib/create.js),执行该方法;

Vue项目性能优化

2020-11-12
阅读 10 分钟
4.2k
在列表数据进行遍历渲染时,需要为每一项 item 设置唯一 key 值,方便 Vue.js 内部机制精准找到该条列表数据。当 state 更新时,新的状态值和旧的状态值对比,较快地定位到 diff 。

webpack引入moment打包体积过大问题

2020-10-15
阅读 1 分钟
5k
moment 打包体积很大?在项目架构中,引入时间插件moment打包体积很大,具体是什么原因呢?在node_modules里面找到moment文件夹,找到文件moment.js文件,在文件里面搜索loadLocale函数这个函数会在每次打包的时候自动引入所有语言包,导致体积过大优化方案在webpack中配置一个IgnorePlugin方法 {代码...} 这样所有的语...

更新package.json文件的插件版本

2019-12-05
阅读 1 分钟
2.9k
有时候我们在开发项目的时候,有些在package.json文件内的引入的插件版本需要更新,一个很方便的插件:npm-check-updates

tree-shaking使用注意事项

2019-11-21
阅读 1 分钟
4.1k
tree-shakinng基于ES6模块实现: 只能作为模块顶层的语句出现 import 的模块名只能是字符串常量 import binding 是 immutable的 ES6模块依赖关系是确定的,和运行时的状态无关,可以进行可靠的静态分析,这就是tree-shaking的基础 所谓静态分析就是不执行代码,从字面量上对代码进行分析,ES6之前的模块化,比如我们可以...

vue-cli在webpack的配置文件探究

2018-11-23
阅读 19 分钟
4.1k
我们在构建一个vue项目的时候是不是一顿操作猛如虎啊?npm install vue-cli -g vue init webpack vue-demo npm install npm run dev然后稍等一小会儿,咱们就能在浏览器看到了咱们的界面啦 实际操作项目里面咱们可能需要修改一些配置项才能满足咱们自己项目的需求 先看看vue项目初始化的文件目录结构: {代码...} 来看看...