webpack如何使用全局安装的模块 比如说style-loader webpack.config.js该如何写呢
因为我用的是HBuilder开发,如果在项目中引入webpack模块,HBuilder可能爆炸!所以如何使用全局安装的模块呢按照我写的便会报错显示找不到。这该怎么配置we...
因为我用的是HBuilder开发,如果在项目中引入webpack模块,HBuilder可能爆炸!所以如何使用全局安装的模块呢按照我写的便会报错 显示找不到。这该怎么配置wepack.config.js呢
展开
1个回答
2017-12-11 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
webpack.config.js:
externals: {
jquery: 'jQuery.noConflict()' //或者jquery:'jQuery'
}
使用:
var $ = require('jquery');
其它全局组件也一样的,但是看情况最好做一些处理,比如jquery本身套了一层factory来兼容amd等模块格式,你先把这些东西删掉,然后用webpack编译一遍,会自动打包一个webpack包装过的jquery,这个jquery也是可以直接<script>引用的,也可以require。
还有些看情况是否要改成commonJS的格式导出对象,就是module.exports=xx这样。
总之有一条,改动后先用webpack转换一遍库本身再用。
externals: {
jquery: 'jQuery.noConflict()' //或者jquery:'jQuery'
}
使用:
var $ = require('jquery');
其它全局组件也一样的,但是看情况最好做一些处理,比如jquery本身套了一层factory来兼容amd等模块格式,你先把这些东西删掉,然后用webpack编译一遍,会自动打包一个webpack包装过的jquery,这个jquery也是可以直接<script>引用的,也可以require。
还有些看情况是否要改成commonJS的格式导出对象,就是module.exports=xx这样。
总之有一条,改动后先用webpack转换一遍库本身再用。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询