public和assets
public/ 目录下的文件并不会被Webpack处理:它们会直接被复制到最终的打包目录(默认是dist/static)下
assets目录中的文件会被webpack处理解析为模块依赖,只支持相对路径形式。
px2rem
main.ts中引入rem.js 更改html的字体大小 配置postcss.config.js文件
设置全局样式
vue3 在vue.config.js中配置了prependData全局样式之后 element-plus样式不生效。 需要将配置中requireModuleExtension改为true
使用postcss-px2rem-exclude 消除px2rem对element-ui的影响
找不到模块声明文件
src下shims-vue.d.ts文件中添加 declare module 'js-md5' 并重启
src下declaration.d.ts文件中添加 declare module 'trtc-js-sdk' 并重启 (trtc视频)
全局API
挂载到原型上的方法 更改为 app.config.globalProperties赋值 const { proxy } = getCurrentInstance() as any; 通过proxy调用
vue3跨域处理
axios.defaults.baseURL = '/api'; 再配置vue.config.js 中devServer的proxy
嵌套路由
嵌套路由使用懒加载时,需要将publicPath的值设置为 "/" 绝对路径
TS忽略下一行
// @ts-ignore