webpack5-vue3:基于Webpack5的Vue3框架

时间:2024-06-02 15:07:14
【文件属性】:

文件名称:webpack5-vue3:基于Webpack5的Vue3框架

文件大小:92KB

文件格式:ZIP

更新时间:2024-06-02 15:07:14

JavaScript

任务列表 ts 配合 eslint 进行检测(finish) webpack 构建优化(缓存、多核、抽离、拆分)( 手动 babel-loader 开启缓存(webpack5内置 cache 功能) 忽略打包、按需加载:IngorePlugin 不解析代码:exclude happyPack:多线程打包 提取公共代码和第三方代码 运用 CDN 文件名称使用 内容hash 懒加载 图片引用(设定阀值,根据文件大小选择 base64 格式或者 url 引入) webpack-bundle-analyzer:可视化分析 自动带有 代码压缩 tree-shaking 作用域提升(函数调用) 前端项目配置 webpack 相关 基础 包模块:webpack、webpack-cli 执行命令:webpack 热更新 包模块:webpack-dev-server(热更新所需依赖) 对应配置:webpac


【文件预览】:
webpack5-vue3-main
----postcss.config.js(316B)
----public()
--------index.html(306B)
----.browserslistrc(36B)
----.eslintrc.js(581B)
----webpack.config.js(4KB)
----src()
--------router()
--------main.ts(136B)
--------views()
--------shims-vue.d.ts(168B)
--------components()
--------App.vue(260B)
--------assets()
----babel.config.js(23B)
----tsconfig.json(1KB)
----config()
--------webpack.dev.js(442B)
--------webpack.prod.js(898B)
----README.md(3KB)
----prettier.config.js(361B)
----.gitignore(304B)
----.eslintignore(77B)
----package-lock.json(332KB)
----package.json(1KB)

网友评论