【问题标题】:Make lodash globally available in a react native project在 react native 项目中使 lodash 全局可用
【发布时间】:2021-02-03 01:16:06
【问题描述】:

有谁知道你是否可以让 lodash 在 react native 项目的每个文件中都可用,这样你就不必导入它了。

【问题讨论】:

    标签: javascript reactjs react-native lodash metro-bundler


    【解决方案1】:

    您可以使用 webpack ProvidePlugin 全局填充 _。 webpack documentation page on shimming 是一步一步完成的,但本质上你只需要将插件添加到你的 webpack.config.js 中:

      const path = require('path');
    + const webpack = require('webpack');
     
      module.exports = {
        entry: './src/index.js',
        output: {
          filename: 'main.js',
          path: path.resolve(__dirname, 'dist'),
        },
    +   plugins: [
    +     new webpack.ProvidePlugin({
    +       _: 'lodash',
    +     }),
    +   ],
      };
    

    【讨论】:

    • 感谢您的回复!这看起来适用于 react 但不适用于我们的 react 原生项目,因为它现在使用 Metro 捆绑器。
    • 啊,该死的!我想知道你是否可以在入口点文件中导入 lodash 之后只做global._ = _,然后访问global._(不确定你是否可以在停止时删除全局。)
    猜你喜欢
    • 1970-01-01
    • 2021-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-03
    • 1970-01-01
    • 2016-04-15
    相关资源
    最近更新 更多