使用import() 按需引入时如何写绝对路径?

2019-12-11 15:28:34

第一种方法

resolve: {    extensions: ['.js', '.vue', '.json'],
    alias: {      'vue$': 'vue/dist/vue.esm.js',      '@': resolve('src')    //<== 这里,具体可以看resolve方法内部 @符合就代表了 磁盘中src的绝对路径
    }
 },


我在开发nuxtjs插件的时候遇到了问题,我并没有用webpack打包,也没有引用第三方包,是自己写的方法引入。

有可能nuxtjs加载模块的时候,是把plugin加载到虚拟文件夹,所以相对路径是找到方法的,试过,用绝对路径是没有问题的,但是我们发布出去包,用写死的绝对路径是不可以的,所以我们要动态获得绝对路径,下面是方法



<%= options.uniqueSchemes.map(path =>${+ hash(path)}${path.replace()}).join() %>

类似上面,<%=  js模板的写法,可以参考本网站更多文章,path,我们可以用__dirname,不过要替换下,不然是一串字符串,还是会包找不到模块的错误。

  • 2019-12-03 15:50:00

    html5 audio stop功能

    html5并没有提供停止功能,我们需要通过其他方式来实现这个问题,下面我们来看下神仙般的操作。

  • 2019-12-03 16:33:49

    hapi,nuxtjs跨域请求

    简单请求 与 预检请求,Fetch 与 CORS 的一个有趣的特性是,可以基于 HTTP cookies 和 HTTP 认证信息发送身份凭证。一般而言,对于跨域 XMLHttpRequest 或 Fetch 请求,浏览器不会发送身份凭证信息。如果要发送凭证信息,需要设置 XMLHttpRequest 的某个特殊标志位。

  • 2019-12-03 16:36:03

    跨域资源共享 CORS 详解

    阮一峰大哥的文章写的不错,推荐,也推荐他的整个王章,大家可以去看一下啊。

  • 2019-12-03 16:37:01

    去除options,减少options的访问

    因为跨域请求,浏览器可能(后面讲)会发送一次options请求,如果处理不好,跨域还是会gg的。 之前很少涉及跨域,涉及也是简单请求(下面阮老师文章中区别热简单请求和复杂请求),所以基本不会很少关注options。后面就遇到坑了,下面讲讲注意点。