- 今天看哔哩哔哩Vue的课程时候遇到三个问题记录一下 1.安装webpack npm install webpack -g 1 新版需要同时安装 2.安装webpack-cli npm insta... 今天看哔哩哔哩Vue的课程时候遇到三个问题记录一下 1.安装webpack npm install webpack -g 1 新版需要同时安装 2.安装webpack-cli npm insta...
- webpack使用ts-loader转译ts到js时，有如下代码： index.ts function foo(){} export default foo 123 转译后变成了 export.... webpack使用ts-loader转译ts到js时，有如下代码： index.ts function foo(){} export default foo 123 转译后变成了 export....
- P11.1-Webpack介绍 1.概述 Webpack是vue开发过程中不可缺少的一部分，他主要是用来对开发完成的代码进行模块化打包。将打包后的文件部署到服务上，供用户使用。 2.Web... P11.1-Webpack介绍 1.概述 Webpack是vue开发过程中不可缺少的一部分，他主要是用来对开发完成的代码进行模块化打包。将打包后的文件部署到服务上，供用户使用。 2.Web...
- P11.6-webpack配置less-loader 文章目录 P11.6-webpack配置less-loader1.概述2.创建less项目2.1.创建项目2.2.配置项目 3.安装配... P11.6-webpack配置less-loader 文章目录 P11.6-webpack配置less-loader1.概述2.创建less项目2.1.创建项目2.2.配置项目 3.安装配...
- P11.5-webpack配置css-loader 文章目录 P11.5-webpack配置css-loader1.概述2.css-loader案例2.1.创建一个项目1.项目全局结构2.搭建项... P11.5-webpack配置css-loader 文章目录 P11.5-webpack配置css-loader1.概述2.css-loader案例2.1.创建一个项目1.项目全局结构2.搭建项...
- Webpack 重要知识点快速汇总 Webpack 已经是前端打包构建的不二选择 每日必用，面试必考 webpack是一个成熟的工具，重点在于配置和使用，原理并不高优 一、基本配置 ... Webpack 重要知识点快速汇总 Webpack 已经是前端打包构建的不二选择 每日必用，面试必考 webpack是一个成熟的工具，重点在于配置和使用，原理并不高优 一、基本配置 ...
- optimization: { splitChunks: { chunks: 'async', //对同步，异步，所有的模块有效 minSize: 30000, //当模块大于 30... optimization: { splitChunks: { chunks: 'async', //对同步，异步，所有的模块有效 minSize: 30000, //当模块大于 30...
- 重点插件plugin介绍 插件与模块解析的功能不一样， 模块解析是为了导入非es5格式js或其它资源类型文件， 定制了一些loader。 插件是对最后的打包文件进行处理的，也可以理解loader是为打包... 重点插件plugin介绍 插件与模块解析的功能不一样， 模块解析是为了导入非es5格式js或其它资源类型文件， 定制了一些loader。 插件是对最后的打包文件进行处理的，也可以理解loader是为打包...
- "scripts": { "build":"rimraf dist && webpack --config webpack.config.js --mode production", ... "scripts": { "build":"rimraf dist && webpack --config webpack.config.js --mode production", ...
- var htmlWebpackPlugin = require('html-webpack-plugin'); // 声明/dist的路径 为成绝对路径 module.exports = { // ... var htmlWebpackPlugin = require('html-webpack-plugin'); // 声明/dist的路径 为成绝对路径 module.exports = { // ...
- 在开发依赖包安装如下插件： yarn add @babel/core babel-loader @babel/preset-env @babel/plugin-transform-runtime ... 在开发依赖包安装如下插件： yarn add @babel/core babel-loader @babel/preset-env @babel/plugin-transform-runtime ...
- file-loader：处理理静态资源模块，url-loader :处理图片 base64 yarn add file-loader-D 或者 npm install file-loader-D y... file-loader：处理理静态资源模块，url-loader :处理图片 base64 yarn add file-loader-D 或者 npm install file-loader-D y...
- 模板地址：https://github.com/mouday/webpack-simple-template 模板地址：https://github.com/mouday/webpack-simple-template
- 1、HtmlWebpackPlugin 自动生成基本的 html 页面 2、开启文件监听 3、webpack-dev-server热更新 安装依赖 cnpm i html-webpack-plugin webpack-dev-server -D 1 配置文件 1、.babelrc { "presets": [ "@babel/preset-env", ] } 1... 1、HtmlWebpackPlugin 自动生成基本的 html 页面 2、开启文件监听 3、webpack-dev-server热更新 安装依赖 cnpm i html-webpack-plugin webpack-dev-server -D 1 配置文件 1、.babelrc { "presets": [ "@babel/preset-env", ] } 1...
- 以下是一个自定义loader replace-loader，实现一个类似模板引擎变量替换的简单功能 文件目录 . ├── dist │ └── index.js # 打包结果 ├── loaders │ └── replace-loader.js # 自定义loader ├── src │ └── index.js # 要打包的文件入口 ├── pa... 以下是一个自定义loader replace-loader，实现一个类似模板引擎变量替换的简单功能 文件目录 . ├── dist │ └── index.js # 打包结果 ├── loaders │ └── replace-loader.js # 自定义loader ├── src │ └── index.js # 要打包的文件入口 ├── pa...
上滑加载中
推荐直播
-
用码道，让你的AI作品三步上朋友圈2026/08/04 周二 19:00-20:00
林华鼎-华为云AI开发者运营负责人
从入门 · 到做AI应用 · 到企业级开发。不教编程，只教用AI · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中 -
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
基于华为云码道，构建你的定制化AI搭子2026/08/14 周五 09:00-11:30
明亮-华为云开发者发展与支持部部长
本期直播将向您全面介绍华为云码道产品，并基于码道手把手教你部署自己的定制化AI陪伴搭子。
回顾中
热门标签