当前位置: 首页 > news >正文

汕头自助建站巨量算数数据分析入口

汕头自助建站,巨量算数数据分析入口,wordpress css插件,wordpress点开文章显示空白页1.vite打包情况介绍: 1.1vite在不进行任何配置的情况下,会将除开public的所有引用到资源打包编译添加哈希值至assets文件夹中(非引用文件以及行内样式图片未被打包编译资源会被treeSharp直接忽略不打包),     1.2w…

1.vite打包情况介绍:

1.1vite在不进行任何配置的情况下,会将除开public的所有引用到资源打包编译添加哈希值至assets文件夹中(非引用文件以及行内样式图片未被打包编译资源会被treeSharp直接忽略不打包),
 在这里插入图片描述
 在这里插入图片描述

1.2webpack与vite打包区别:
1.2.1vite会将所有JS、CSS等文件都统一存放在assets中,不同于webpack会将会自动生成js、css、img文件夹进行分开存放。

1.2.2vite只会对public文件夹进行不打包处理,public文件夹内所有文件会移至dist中,webpack会将public和static文件进行不打包处理,存放至dist中

2.需求:vite根据不同的资源打包时分开文件夹存放

2.1在vite.config.js中配置vite打包参数(不对public文件夹资源进行任何操作)

build: {outDir: 'dist',// assetsDir: 'public', // 静态资源目录rollupOptions: {output: {chunkFileNames: 'public/js/[name]-[hash].js',entryFileNames: 'public/js/[name]-[hash].js',assetFileNames: (assetInfo) => {if (/\.(png|svg|jpg|jpeg|gif|ttf)$/.test(assetInfo.name)) { // 匹配资源文件后缀return `public/img/[name]-[hash].[ext]`;  // 创建media文件夹存放匹配的资源文件,name为该文件的原名,hash为哈希值,ext为文件后缀名,以[name].[hash][ext]命名规则}return `public/css/[name]-[hash].[ext]`; // 不匹配的资源文件存放至assets,以[name]-[hash].[ext]命名规则,注意两处的命名规则不同},}}},`在这里插入代码片`
export default {// ...其他配置build: {rollupOptions: {output: {assetFileNames: (assetInfo) => {if (/\.(mp4|webm|ogg|mp3|wav|flac|aac)$/.test(assetInfo.name)) { // 匹配资源文件后缀return `media/[name].[hash][ext]`;  // 创建media文件夹存放匹配的资源文件,name为该文件的原名,hash为哈希值,ext为文件后缀名,以[name].[hash][ext]命名规则}return `assets/[name]-[hash].[ext]`; // 不匹配的资源文件存放至assets,以[name]-[hash].[ext]命名规则,注意两处的命名规则不同},},},},// ...其他配置
};

复制代码
 2.2 打包后资源生成命名规则不同的区别:
2.2.1图片、JS等资源文件可通过media/[name].[hash][ext]命名规则获取资源
 2.2.1css文件不可使用上述规则,必须使用assets默认的命名规则,assets/[name]-[hash].[ext],否则无法获取该文件

在这里插入图片描述
在这里插入图片描述

http://www.dinnco.com/news/29257.html

相关文章:

  • asp系统网站怎么做优化论坛外链代发
  • 网站建设投票系统设计培训心得体会200字
  • 青浦专业做网站网站推广哪个平台最好
  • 域名解析完成网站怎么做百度云链接
  • 南阳微网站开发百度推广登录入口
  • 个人网站建设的要点深圳谷歌推广公司
  • 深圳网站建设 迈百度关键词搜索指数查询
  • 用meteor框架做的微博网站全国免费发布广告信息平台
  • 自助建站系统免授权版爱站网关键词挖掘查询工具
  • 网站建设一般预付比例多少搜索引擎营销有哪些方式
  • 国产网站开发工具公司网站软文推广网站
  • 接广告的网站怎么做百度推广代理商返点
  • 做网站鞍山爱论坛
  • 汽车网站代码百度手机软件应用中心
  • 网站免费建站 网页不需要备案怎样在百度上发布信息
  • 交互式web网站开发湖南网站建设推广
  • 哪家做网站靠谱南宁seo服务优化
  • 网站建设活动计划哪里可以引流到精准客户呢
  • 合肥外贸网站建设公司排名百度电话怎么转人工
  • 网站界面一般用什么软件做全渠道营销
  • 公务员可以自己做网站吗网络营销推广的渠道有哪些
  • 已经建网站做外贸天津网站优化公司
  • 深圳 网站建设公司深圳大鹏新区葵涌街道
  • 建筑工程外架安全网河南靠谱seo电话
  • 企业网站备案快吗seo排名优化有哪些
  • 简洁大气蓝色文章资讯网站苏州网站建设哪家靠谱
  • html5网站建设企业论文360搜索网址是多少
  • wordpress数据库修复seo自动点击排名
  • 可以做网站AB测的软件大二网络营销实训报告
  • 搜款网站一起做网店搜狗网