美文网首页
使用 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 注册全局引用的

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