我正在尝试设置一个环境来使用 webpack 4。我将 jquery 连接到集合点,它在代码中可用,它可以工作。当我在那里连接 jquery 插件时,导入出现问题,web 包不保留连接顺序,因此,插件无法工作。告诉我如何正确地将插件导入到一个文件中,而是单独导入。我翻遍了所有手册,尝试了所有选项,但我什么都不明白。 webpack 通常如何在程序集中包含此类库?我通过ProvidePlugin了解的?还有其他方法吗?我只是想知道使用什么方法以及通常哪种方法更好。
我的入口点index.js
import $ from 'jquery';
window.jQuery = $;
import './src/js/plugins/jquery.swipe';
import './src/js/plugins/jquery.slider';
import './src/js/plugins/jquery.parallax';
import './src/js/plugins/custom';
输出应该有效
- dist/jquery.js
- dist/jquery.swipe.js
- dist/jquery.parralax.js
- dist/custom.js
- dist/webpack.bundle.js
最佳答案
尝试添加JQuery在线CDN。 就像,
<script
src="https://code.jquery.com/jquery-3.1.0.js"
integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk="
crossorigin="anonymous">
</script>
在配置文件中
module.exports = {
externals: {
jquery: 'jQuery'
}
};
并定义依赖关系
import $ from 'jquery';
希望这能成功..
关于jquery - 如何将外部jquery库导入到webpack中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52895708/