- 今天看哔哩哔哩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...
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签