webpack的作用： 是 用来处理我们写的js代码。并且会自动处理js之间相关的依赖。 但是，开发中我们不仅仅有基本的js代码处理，还需要加载css，图片，也包括一些高级的 将ES6转成ES5代码，将Typescript转成ES5代码，将scss、less转成css，将.jsx、.vue文件转成 ...
分类：
Web程序 时间：
2020-02-15 20:35:27
阅读次数：
88
错误描述 通常问题常出现在 环境中 编译文件中存在以如下方式使用 : 打包时会报错： 错误解决方案 在编译文件中添加如下代码即可： (PS：该方案是在度娘中找到的，并非原创，苦于已经找不到原文，因此自己记录下，以便于下次遇到问题时方便查找) ...
分类：
Web程序 时间：
2020-02-15 18:56:25
阅读次数：
199
[toc] 七、vuecli 介绍： vue command interface 命令行界面：使用一些命令搭建项目的基础结构 都使用会规范很多配置，易维护，减少出错率 依赖 webpack and npm 》npm 》依赖node 安装： npm install g @vue/cli 卸载之前版本 ...
分类：
其他好文 时间：
2020-02-15 15:22:28
阅读次数：
63
[toc] 五、es6模块化 "阮一峰的ES6 Module的加载实现" 把功能进行划分，将同一类型的代码整合在一起，所以模块的功能相对复杂，但都同属于一个业务 为什么有模块化 js是按顺序加载的,所以一般相互依的js是具有强制性的 多个js文件定义的引用会污染全局变量，多人协作开发可能会有冲突 可 ...
分类：
Web程序 时间：
2020-02-15 13:37:39
阅读次数：
64
打包分析 1.初级分析：webpack内置的stats(构建的统计信息) 可以在 package.json 中使用 stats，也可以在 Node API 中使用 stats webpack --config webpack.prod.js --json > stats.json 2.速度分析：sp ...
分类：
Web程序 时间：
2020-02-15 10:01:29
阅读次数：
110
> my-project@0.1.0 dev D:\my-project > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js internal/modules/cjs/loader.js:796 th ...
分类：
其他好文 时间：
2020-02-14 22:23:35
阅读次数：
309
为什么需要懒加载？ 像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加 ...
分类：
其他好文 时间：
2020-02-14 10:52:45
阅读次数：
92
electron如何工作？ Electron由主进程和渲染器进程所组成。每个进程在应用程序中扮演不同的角色，Electron包含不同的模块来帮助您构建应用程序。某些模块，例如从系统剪贴板读写的能力，在这两种类型的进程中都可用。其他的，比如访问操作系统接口的能力，仅限于主进程。 主进程 main pr ...
分类：
其他好文 时间：
2020-02-12 21:53:17
阅读次数：
222
一.初始化 1.创建文件夹 2.npm init -y 二.安装webpack 和webpack-cli 1.yarn add webpack webpack-cli@3.3.10 -D (这里指定webpack-cli版本是因为,webpack-cli最新的版本是4.xx测试版,和我的webpac ...
分类：
Web程序 时间：
2020-02-12 11:01:52
阅读次数：
91
webpack是以js文件为入口打包的，那么项目的css怎么办？如何引入？ css可以通过js文件引入，但必须使用想用的loader 1、css-loader，让 css 可以被 js 正确的引入 2、style-loader，让 css 被引入后可以被正确的以一个 style 标签插入页面 3、两 ...
分类：
Web程序 时间：
2020-02-11 00:43:10
阅读次数：
95
