vue项目性能优化1，优化：使用webpack-bundle-analyzer分析vue的打包js文件大小 基于webpack 3、vue 2和vue-cli 2的性能优化。 所有的三方库都是打包到vendor.js文件。 注意： vue-cli 2创建的项目，已经集成webpack-bundle- ...
分类：
其他好文 时间：
2020-11-27 11:50:28
阅读次数：
27
位置 首先我们要知道 loader 插件是写在哪里的 打开 webpack.config.js 文件, 在 module.rules 中加入我们的自定义 loader: { test: /.ts$/, use: [ { loader: path.resolve(__dirname,'./build/ ...
分类：
Web程序 时间：
2020-11-27 11:07:38
阅读次数：
8
简介 看《深入浅出webpack》总结一下常用的webpack的属性的含义并加了一些自己的链接，写在一个文件下更能有全局感受，更能理解各个属性中间的关系，重点要关注entry,output,resolve,module, plugins几部分 配置示例 这并不是一个拿来可用的配置，主要是为了更好理解 ...
分类：
Web程序 时间：
2020-11-26 14:32:21
阅读次数：
10
模块化规范 传统开发模式主要问题 /* 1. 命名冲突 2. 文件依赖 */ 通过模块化解决上述问题 /* 模块化就是把单独的一个功能封装在一个模块(文件)中,模块之间相互隔离, 但是可以通过特定的接口公开内部成员,也可以依赖别的模块. 模块化开发好处: 方便代码的重用,从而提高开发效率,并且方便后 ...
分类：
Web程序 时间：
2020-11-24 13:04:23
阅读次数：
29
##概述 ###Webpack功能与优势 预处理（TS,Less,Sass,ES6），解析成浏览器识别的css和js 解析文件之间的依赖关系，屏蔽无用文件 图片添加hash，方便线上CDN缓存 模块导入导出 按需加载，有完备的代码分割解决方案 ###Webpack简单介绍 Webpack是用Node ...
分类：
Web程序 时间：
2020-11-24 12:31:18
阅读次数：
14
在看阮一峰的react入门的时候，写到一段代码，但是写完就报错了，经过多方查找，终于解决掉了 错误描述： 解决方法： 将React.createClass换成React.Component， 但是不知道为什么这样就不报错了 (^._.^)? 文章地址：https://toddmotto.com/re ...
分类：
Web程序 时间：
2020-11-21 12:12:27
阅读次数：
15
vue-cli 初始化项目 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install -g vue-cli vue init webpack demo cd demo cnpm i npm run dev ...
分类：
其他好文 时间：
2020-11-20 12:21:03
阅读次数：
25
TypeScript 环境搭建：1、初始化package.json npm init -y2、初始化 tsc tsc --init 产生 tsconfig.json 文件3、ts运行环境 npm i webpack webpack-cli webpack-dev-sever -D4、ts-loade ...
分类：
其他好文 时间：
2020-11-20 12:02:54
阅读次数：
12
为什么需要代码分离？ 为了将代码分成多个bundle，并灵活定制加载策略（按需加载，并行加载），从而大大提升应用的加载速度 如何代码分离？ 1、入口起点：使用entry配置手动的分离代码 2、放置重复：使用SplitChunkPlugin去重和分离chunk 3、动态导入：通过在代码中使用动态加载模 ...
分类：
Web程序 时间：
2020-11-20 11:42:55
阅读次数：
13
在实际项目开发中，我们经常需要在项目构建文件监听，已备在项目的源码发生变化时候时，自动重构出新的输出文件。配置代码如下：webpack.config.jsmodule.export={watch:true,watchOption:{ignored:/node_modules///忽略不需要监听的文件aggregationTimeout:300,poll:1000//默认每秒访问1000}}在执行时
分类：
Web程序 时间：
2020-11-20 11:18:24
阅读次数：
11
