如何在与webpack捆绑在一起的文件中动态导入对等依赖性?

欧文M

我正在使用jQuery作为对等依赖项的插件。当我尝试将此插件导入我的主项目(已经安装了jQuery)时,出现了错误Module not found: Error: Can't resolve 'jquery' in <(plugin's folder)>看来,当我尝试动态导入jQuery(对等依赖项)node_modulesnode_modules,即使它是对等依赖项,Webpack也在编译时在插件的文件夹中查找,而不是在根项目的文件夹中我怎样才能让webpack在根项目node_modules而不是插件中查找node_modules

Webpack.config.js:

var webpack = require('webpack');

module.exports = {
    entry: './main.js',
    output: {
        filename: 'bundle.js'
    },
    plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",  
            jQuery: "jquery" 
        })
    ],
    watch: true,
    resolve: {
        alias: { jquery: "jQuery" }
    }
};
欧文M

我想我通过将其添加到我的webpack配置resolve选项中找到了解决方案

modules: [
            path.resolve('./node_modules'),
            path.resolve('../node_modules')
        ]

编辑:实际上,从我实际上从npm导入项目后,问题似乎完全消失了,而在我使用npm链接之前。不再需要上述解决方案。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Webpack:如何使用动态捆绑将两个完全独立的捆绑在一起

避免将lib依赖项与webpack + handlebars loader捆绑在一起

将 webpack 与 dotnet run 捆绑在一起

如何使用Webpack将所有导入的依赖项捆绑在一个文件中?

与Webpack 4中的本地js文件(第三方库)捆绑在一起的问题

在TypeScript中导入js文件而不与Rollup捆绑在一起

将JS文件与webpack脚本捆绑在一起?

如何将CocoaPods依赖项与Cordova插件捆绑在一起?

将可运行的.jar中的本机依赖项与Maven捆绑在一起

如何使用node-webkit中的webpack将节点模块与本机插件捆绑在一起?

如何使用browserify将脚本与导入语句捆绑在一起

在ReactJS中构建后,条件样式导入将捆绑在一起

如何选择node_modules dist风味与webpack捆绑在一起

如何将库与webpack捆绑在一起?

与Webpack捆绑在一起的VS Code中的调试Node JS代码

如何在swift4.2中将领域文件与我的应用程序捆绑在一起?

如何知道.war文件是否与Maven捆绑在一起?

如何将 .proto 文件与 React Native 应用程序捆绑在一起?

如何在install4J中将javafx与JRE 14捆绑在一起?

将单个jar文件中的不同Java类捆绑在一起

如何将C ++中的运算符捆绑在一起

函数式编程依赖性:如何在未直接连接在一起的函数之间共享依赖性

在生产模式下将资源与webpack捆绑在一起时,如何避免丢失类名?

如何将npm软件包与webpack捆绑在一起并作为对象公开?

依赖jar不与项目jar Gradle捆绑在一起

尽管与WildFly捆绑在一起,但仍需要声明RestEasy依赖项吗?

将Perl脚本及其依赖项捆绑在一起吗?

最好从CDN导入资产或将其与自定义代码捆绑在一起?

与PyInstaller捆绑在一起的代码无法导入本地安装的vtk模块:ModuleNotFoundError