美文网首页
使用 webpack.ProvidePlugin 注册全局引用的

使用 webpack.ProvidePlugin 注册全局引用的

作者: littlesunn | 来源:发表于2021-01-06 20:47 被阅读0次

如果当中如果你经常需要引用到某个文件很多次,比如jquery,可以使用webpack.ProvidePlugin来全局注册他;

            new webpack.ProvidePlugin({ // 页面中使用jQuery就不需要
                jQuery: "jquery",  //这里来定义了两个变量都指向了node_modules中jquery这个依赖,页面中使用这两个变量都可以生效;
                $: "jquery",
                webpack_extend: path.resolve(__dirname, './src/normal_frame_extend.js'),  // 如果你想全局注册你自己模块下的某个文件,你可以这样注册
            }),

另外使用path.resolve这种形式返回的变量也许不能直接使用,可能需要webpack_extend.default才是你真正想要的,看具体看 https://www.webpackjs.com/plugins/ ,你可以在浏览器打印一下看看~

但是这样有一点,如果其他人接手你的项目不容易理解,页面中也没引用这个文件,为什么你就使用!除了需要通知队友外,我命名前缀也加个webpack_;希望队友能理解~~

相关文章

  • 使用 webpack.ProvidePlugin 注册全局引用的

    如果当中如果你经常需要引用到某个文件很多次,比如jquery,可以使用webpack.ProvidePlugin来...

  • vue 组件循环引用

    Vue.component 全局注册组件时,组件循环引用可以解开。 当组件不是全局注册的时候 我们使用递归组件需要...

  • weak底层实现

    关键数据结构 核心代码 弱引用注册 弱引用取消注册 总结 通过全局的HashTable,被weak引用的对象地址作...

  • Vue - 自定义指定

    注册自定义标签有两种形式:全局注册、局域注册 全局注册可以在任意地方使用,局域注册只能在Vue实例作用域范围内使用...

  • vue-signature-pad在vue中实现电子签名效果。

    首页需要下载依赖包 这里使用的是全局引用组件在main.js中 引用组件 首页需要下载依赖包 这里使用的是全局引用...

  • Vue组件基础

    1. 组件注册 组件需要注册后才可以使用。组件有全局注册和局部注册两种方式。全局注册后,任何Vue实例都可以使用。...

  • VUE 中引入百度地图(vue-Baidu-Map)

    安装 全局注册 vue 页面使用

  • Vue输入框自动聚焦

    全局注册 局部注册 使用 注意 必须使用v-if显示隐藏 必须使用 input 标签参考

  • VUE的component和components

    component是注册全局组件,在实例化VUE前调用,注册后可以全局使用 components是局部注册组件,注...

  • Vue 组件全局注册和局部注册使用及原理

    Vue在注册组件时有两种方式,全局注册和局部注册全局注册的话我们可以在任意组件中使用注册的组件,而局部注册的话我们...

网友评论

      本文标题:使用 webpack.ProvidePlugin 注册全局引用的

      本文链接:https://www.haomeiwen.com/subject/pxpooktx.html