1.创建json，npm int 2.引入的依赖用cnpm install xx --save-dev或者npm install xx --save-dev 3.用到的loader和plugin有 "clean-webpack-plugin": "^3.0.0",//清理上次打包的文件 "css-l ...
分类：
Web程序 时间：
2020-03-25 19:18:10
阅读次数：
125
8.1 : export default 默认导出一个模块 ( 简单类型 + 复杂类型 ) 导出 : export default 默认 只能导出一个 导入 : import 导入的名字可以任意 8.2 export 导出多个模块, 都放在一个对象里 导出 : export 导入 : import ...
分类：
Web程序 时间：
2020-03-24 13:10:02
阅读次数：
86
一.认识框架（FRAMEWORK） *从应用方面讲，框架是整个或部分系统的可重用设计，表现为一组抽象构件及构件实例间交互的方法。 *从目的方面讲，框架是可被应用开发者定制的应用骨架。 总体来说，一个框架是一个可复用的设计构件，规定了应用的体系结构。某种应用的半成品，一组组件，供你选用完成你自己的系统 ...
分类：
其他好文 时间：
2020-03-23 20:22:30
阅读次数：
107
webpack 使用步骤 (最新版) 一、webpack 第一阶段 命名初始化阶段 项目名不能有汉字，不能取名叫 webpack 1、创建项目名称，并生成 ， 命令 : 2、安装 : 3、创建一个 文件 4、在 的`scripts`中，添加脚本 5、运行 : 6、设置开发状态 : 隔行变色案例 1. ...
分类：
Web程序 时间：
2020-03-23 16:58:46
阅读次数：
100
比如我们可以看到一些css文件中有这样的代码： @import '~antd/dist/antd.css';... 那么，这个 ~ 起什么作用呢？ 首先，我们来看一下URL转换规则 1、如果URL是一个绝对路径（例如 /images/foo.png），它将会保留不变。 2、如果URL以 . 开头，它 ...
分类：
Web程序 时间：
2020-03-23 15:03:59
阅读次数：
166
准备工作： 首先我们初始化一个vue项目，执行vue init webpack echart,接着我们进入初始化的项目下。安装echarts， npm install echarts -S //或 cnpm install echarts -S 安装完成之后，我们就可以开始引入我们需要的echart ...
分类：
其他好文 时间：
2020-03-22 10:26:35
阅读次数：
75
首先是这里build\webpack.base.conf.js output: { path: config.build.assetsRoot, filename: '[name].js', // publicPath: process.env.NODE_ENV 'production' // ? ...
分类：
其他好文 时间：
2020-03-22 01:34:42
阅读次数：
59
编写 emitFile 方法 emitFile() { // 打包输出的路径 let main = path.join(this.config.output.path, this.config.output.filename) console.log(main, 'test') this.asset ...
分类：
Web程序 时间：
2020-03-21 23:43:56
阅读次数：
83
在单页应用的世界，随着项目的复杂化，webpack打包后的文件越来越大，进入页面时，加载内容过多导致加载时间变长，不利于用户体验。 那什么是懒加载？ 懒加载也叫延迟加载，即需要的时候进行加载。 1) 先来看看平时路由是如何配置 import Vue from 'vue' import Router ...
分类：
其他好文 时间：
2020-03-21 23:32:51
阅读次数：
88
Foreword 上一篇简单介绍了webpack的打包功能，应该说是比较无意义的打包，对于开发人员来说，这种效率是非常低的。所以我们来点升华。 First Step 我们给第一篇例子中加个样式文件我们 style.css body { background: yellow; } 然后修改 entry ...
分类：
Web程序 时间：
2020-03-21 21:40:03
阅读次数：
83
