深入了解 ES6 Modules 当下， 我们几乎所有的项目都是基于 webpack、rollup 等构建工具进行开发的，模块化已经是常态。 我们对它并不陌生，今天，我们就再系统的回顾一下ES6的模块机制， 并总结下常用的操作和最佳实践， 希望对你有所帮助。 一些简单的背景 随用随取， 是一种我们都 ...
分类：
其他好文 时间：
2020-12-17 12:49:32
阅读次数：
2
注意： 基于 webpack 5.x 版本。参考官方文档：https://webpack.js.org/guides/getting-started/#npm-scripts 1、初始化项目 创建文件夹 webpacktest ，在此文件夹路径下执行以下命令，创建 package.json 文件，用 ...
分类：
Web程序 时间：
2020-12-17 12:08:44
阅读次数：
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
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
