目前前端三杰 Angular、react、vue 都推介单页面应用 SPA 开发模式,在路由切换时替换 DOM Tree 中最小修改的部分 DOM,来减少原先因为多页应用的页面跳转带来的巨量性能损耗。它们都有自己的典型路由解决方案,@angular/router、react-router、vue-r ...
分类:
其他好文 时间:
2020-12-15 12:33:10
阅读次数:
2
一.plugin有什么用 plugin是webpack核心功能,通过plugin(插件)webpack可以实现loader所不能完成的复杂功能,使用plugin丰富的自定义API,可以控制webpack编译流程的每个环节,实现对webpack的自定义功能扩展。欢迎访问 这里 查看更多关于大数据平台建 ...
分类:
Web程序 时间:
2020-12-15 12:02:43
阅读次数:
3
一. 如何在Vue或React项目中使用自定义字体 在开发前端项目时,经常会遇到UI同事希望在项目中使用一个炫酷字体的需求。那么怎么在项目中使用自定义字体呢? 其实实现起来并不复杂,可以借用CSS3 @font-face 来实现。 本文着重介绍一下 webpack 项目如何正确打包引入的自定义字体。 ...
分类:
Web程序 时间:
2020-12-15 11:50:34
阅读次数:
4
开发环境运行中,每次修改项目代码后都必须重新打包、重新运行。 解决: 下载依赖包: yarn add -D webpack-dev-server 配置命令: "dev": "webpack-dev-server --mode development" 执行命令: yarn dev 但执行命令时报错E ...
分类:
Web程序 时间:
2020-12-15 11:40:12
阅读次数:
4
复制文章于: https://cloud.tencent.com/developer/article/1483543 1.导语 首先来简单介绍一下webpack:现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时,它会在内部构建一个会映射项目所需的每个模块 的 ...
分类:
Web程序 时间:
2020-12-11 12:17:03
阅读次数:
8
没有合适的loader来解析less语法 1.在控制面板输入vue-ui 打开vue可视化工具 2.点击 依赖 — 安装依赖 开发依赖 安装less-loder 和 less 3.接下来重新启动项目即可 ...
分类:
其他好文 时间:
2020-12-10 11:14:07
阅读次数:
3
npm和yarn使用国内阿里云镜像加速 2020-12-06 07:21:24 | 3614 1 0 | node npm yarn 镜像 做前端开发的人或多或少应该会使用nodejs的开发工具, 比如webpack, lessc, uglify-js等, 如果不对npm或yarn进行配置直接执行安 ...
分类:
其他好文 时间:
2020-12-10 10:59:39
阅读次数:
3
Vue3教程 使用Vue3新特性创建一个简单App 1.Vue3安装和设置 首先,我们需要把项目vue next webpack preview复制过来,此项目包含Vue的设置 git clone https://github.com/vuejs/vue next webpack preview.g ...
分类:
移动开发 时间:
2020-12-09 12:10:42
阅读次数:
10
const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './src/js/index.js', output: ...
分类:
Web程序 时间:
2020-12-02 12:28:54
阅读次数:
11
/** * index.js: webpack入口起点文件 * * 1.运行指令: * 开发环境:webpack ./src/index.js -o ./build --mode=development * webpack会以 ./src/index.js 为入口文件开始打包,打包后输出到 ./bu ...
分类:
Web程序 时间:
2020-12-01 11:52:51
阅读次数:
12