使用Webpack加载的第三方库或插件中,基本上都需要依赖另外一些库,例如jQuery。
我在开发过程使用的semantic-ui就依赖jQuery,一开始我在index.js中这样写:
let $= require('jquery');
require('semantic-ui/dist/components/transition.js');
require('semantic-ui/dist/components/dropdown.js');
$('.dropdown')
.dropdown({
// you can use any ui transition
transition: 'drop'
})
;
之后控制台便报了这样的错误:
Uncaught ReferenceError: jQuery is not defined
这就说明我没做好Webpack的依赖配置,这时我的做法是利用Webpack将jQuery导出到全局中。下面是我配置的修改部分(完整配置):
// 全局依赖
var deps = [
'jquery/dist/jquery.js'
];
...// 此处省略n行代码
// 导出全局依赖
{
test: path.resolve(node_modules, deps[0]),
loader: 'expose?jQuery'
},
之后再用Webpack重新打包,便不会出现上述报错信息。
感谢您的阅读!
如果看完后有任何疑问,欢迎拍砖。
欢迎转载,转载请注明出处:http://www.yangrunwei.com/a/3.html
邮箱:glowrypauky@gmail.com
QQ: 892413924