vite2

依赖

• 配置sass

  # 不需要其他配置
  npm install -D sass sass-loader

静态资源

• 在标签上直接使用url图片路径，开发环境没问题，但是打包时报错

  详见vite官方文档 静态资源处理 | Vite 官方中文文档 (vitejs.dev)

  // 用import导入，并作为路径在模板使用
  import logoUrl from '@/assets/img/logo.svg';
  
  export default defineComponent({
    setup() {
      return {
        logoUrl,
      };
    }
  });

import.meta

• 环境变量在import.meta.env，相当于process.env(node)
• 动态处理文件，使用import.meta.globEager，类似于require.context

赏

谢谢你请我吃糖

支付宝

微信

• 本文作者： MR-QXJ
• 本文链接： https://mr-qxj.github.io/2022/03/14/打包/vite2/
• 版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！