关于webpack的一些问题
高洛峰
高洛峰 2016-10-25 10:39:30
[JavaScript讨论组]

关于webpack的一些问题

问题1:怎样防止jQuery被打包进去?

用的如下方法引入的jQuery

npm install jquery --save-dev
//config
    plugins: [
            new webpack.ProvidePlugin({
                "$": "jquery",
                "jQuery": "jquery",
                "window.jQuery": "jquery",
            })
        ]

但是这样jquery就直接被打进包里了。。只要使用过jquery的地方就多出来1万多行。。怎样不让jQuery被打包进去?

问题2:webpack的本地服务器只能刷新JS/CSS 没法自动relaod刷新html?
求问有何解决方法?

问题3:webpack是使用CommonJs规则?每个模块只能使用一个exports输出口么?

假如我2个函数

function a(n){
 return n + 1000;
};
function b(m){
 return m + 500;
};

会互相覆盖肯定不行

下面这样又不知道怎么引用了。。

module.exports=function(){
 function a(n){
 return n + 1000;
};
function b(m){
 return m + 500;
};
};

还是说应该把2个函数拆成add1.js和add2.js两个文件再引用?

以上三个问题,有知道的麻烦解答下- -拜谢,感激不尽


高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(1)
三叔

问题1

//jQuery请自己在HTML中引入
externals: {
    jquery: 'window.$'
},
//使用则直接 require 进来,反正 webpack 也不会把它打包进来。
var $ = require('jquery');

针对问题二:在安装了webpack-dev-server的情况下,填写如下代码:

devServer: {
    historyApiFallback: true,
    hot: false,
    inline: true,
    grogress: true,
}

问题3

//a.js
exports.add = function(){};
exports.sub = function(){};
//b.js
var add = require('./a').add;
var sub = require('./a').sub;

add();


热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号