This theme is fro|

guangzan

园龄:6年4个月粉丝:675关注:333

随笔分类 -  Module Bundler

vite 构建移除 console
摘要:vite 3.x 已经将 esbuild 作为默认构建选项,你可以通过如下配置在构建时移除代码中的 console.log、debugger。 // vite.config.ts import { defineConfig } from 'vite' export default defineCon
2233
0
1
使用 vite 构建一个表情选择插件
摘要:初始化 Vite 基于原生 ES 模块提供了丰富的内建功能,开箱即用。同时,插件足够简单,它不需要任何运行时依赖,只需要安装 vite (用于开发与构建)和 sass (用于开发环境编译 .scss 文件)。 npm i -D vite scss 项目配置 同时用 vite 开发插件和构建插件 de
1483
3
2
vite 区分生产环境开发环境
摘要:示例 1 vite.config.ts import { defineConfig, loadEnv } from 'vite' import { resolve } from 'path' export default ({ mode }) => { const __DEV__ = mode 'd
5794
0
0
Property 'env' does not exist on type 'ImportMeta'.
摘要:tsconfig.json { "compilerOptions": { + "types": ["vite/client"] } }
3311
0
1
Vite 异步 Chunk 加载优化
摘要:在实际项目中,Rollup 通常会生成 “共用” chunk —— 被两个或以上的其他 chunk 共享的 chunk。与动态导入相结合,会很容易出现下面这种场景: 在无优化的情境下,当异步 chunk A 被导入时,浏览器将必须请求和解析 A,然后它才能弄清楚它首先需要那个共用 chunk C。这
2497
0
0
webpack5热更新失效
摘要:开启热更新 config.devServer { + hot: true, } config.plugins [ + new webpack.HotModuleReplacementPlugin(), ] 问题描述 开启热更新后,样式和 js 都无法热更新。 原因分析 项目根目录存在 .browse
1812
1
1
webpack4 升级到 5
摘要:1. 升级 webpack 和 webpack-cli 1.1 升级 webpack 4 至最新的可用版本。 当使用 webpack >= 4 时,升级到最新的 webpack 5 版本无需额外的操作; 如果你使用的 webpack 版本小于 4,请查阅 webpack 4 迁移指南。 npm in
3503
0
0
探究 VSCode 中 ESLint、Prettier,ESLint-loader
摘要:前置 本文将探究 VSCode Prettier 扩展 和 eslint 扩展在 VSCode 中的配置以及这两者对应的在项目中的配置文件的关系, VSCode ESLint 扩展配置与 eslint-loader 的相互配合,在项目中如何将 Prettier 和 ESLint 配合使用,中间还提及
4539
2
3
安装node-sass报错
摘要:Install from mirror in China npm install -g mirror-config-china --registry=http://registry.npm.taobao.org npm install node-sass 要先安装 mirror-config-chi
263
0
1
热加载报错
摘要:// 1. 生产环境 // // [WDS] Disconnected! // close @ client:172 // eval @ socket.js:26 // EventTarget.dispatchEvent @ sockjs.js:170 // eval @ sockjs.js:970
443
0
0
使用 import () 生产环境会单独多 build 一个文件
摘要:复现 这样写在 js (业务代码)中 x if(dev) { import () } 解决办法 使用 require if(dev) { require('./assets/dev/blog-common.min.css') } 原因 参照 https://webpack.js.org/api/mo
246
0
0
webpack-merge 配置抽离
摘要:前置 如果你曾使用 webpack 构建应用,就会知道如果把所有配置都写在 webpack.config.js 中那将是灾难。正如你所见,我现在使用的这套博客园皮肤是使用 gulp 构建的,如果你不熟悉 gulp, 那你肯定熟悉 webpack. 下面将介绍我使用这两个工具是如何抽离配置的,先从 w
3007
2
3
webpack 4.x 从零开始初始化一个vue项目
摘要:创建目录 项目名称: vue init app ├─css │ reset.scss │ ├─js │ │ App.vue │ │ main.js │ │ │ ├─home │ │ index.vue │ │ │ └─router │ index.js │ └─views index.html 安装
1094
5
2
解决webpack4.x使用autoprefixer 无效
摘要:安装 配置 到这一步运行发现没有效果😷,https://github.com/browserslist/browserslist readme, 配置一手 success!👏
3079
7
3
深色
回顶
收起
点击右上角即可分享
微信分享提示