[JavaScript知识库] 通过webpack.base.conf.js定义全局函数

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> 通过webpack.base.conf.js定义全局函数 -> 正文阅读

[JavaScript知识库]通过webpack.base.conf.js定义全局函数

new webpack.ProvidePlugin({
      $: 'webpack-zepto',
      React: 'react',
      ReactDOM: 'react-dom',
      fetchUrl: [path.resolve(__dirname, '../src/util/ConfigUtil.js'), 'fetchUrl'],
//fetchUrl方法名 'default' 对应ConfigUtil.js的导出方法是否有default 
      PureComponent: [path.resolve(__dirname, '../src/components/base/PureComponent.jsx'), 'default'],
      PageComponent: [path.resolve(__dirname, '../src/components/base/PageComponent.jsx'), 'default'],
      Component: ['react', 'Component'],
    })

/**
 * export  导出全局函数
 */
 export function fetchUrl (originUrl, urls = 'XXX') {
    if (!originUrl || !urls) {
        return originUrl;
    }
    let formatUrl = originUrl;
    // 遍历替换对象的src
    for (let i = 0; i < urls.length; i++) {
        let { src, target } = urls[i] || {};
        if (formatUrl.indexOf(src) >= 0) {
            formatUrl = formatUrl.replace(new RegExp(src, 'gm'), target); 
            break;
        }
    }
    return formatUrl;
}

其他任意文件都可以使用featchUrl()这个全局方法