webpack 合并的时候怎么不处理webpack 第三方库js，例如jquery

来源：蜘蛛抓取(WebSpider) 时间：2016-07-31 02:13 标签： webpack分离第三方库
webpack 合并的时候怎么不处理第三方js，例如jquery-中国学网-中国IT综合门户网站-提供健康,养生,留学,移民,创业,汽车等信息
webpack 合并的时候怎么不处理第三方js，例如jquery
来源：互联网 更新时间： 23:57:41 责任编辑：王亮字体：
有用户碰到这样的问题:webpack 合并的时候怎么不处理第三方js，例如jquery,具体问题如下:
module.exports = {
get:function(){
return 'max'
var app =require('./app.js');
var J=require('./jquery-latest.js');
J('p').text(app.get()) ;
webpack.config.js
module.exports = {
entry: "./main.js",
path: __dirname,
filename: "bundle.js"
请问我不想合并jquery，我怎么过滤掉jquery，合并它
本网通过互联网为用户提供了以下解决方法,供所有碰到类似的朋友参考:==============可供参考解决方法1==============
用官方插件 webpack.IgnorePlugin 把不想 bundle 的文件排除掉就好。Example:
javascriptvar webpack = require('webpack');
var ignoreFiles = new webpack.IgnorePlugin(/\.\/jquery-last.js$/);
module.exports = {
entry: './main',
path: __dirname,
filename: 'bundle.js'
plugins: [ignoreFiles]
==============可供参考解决方法2==============
是把jquery这些第三方库单独拿出来吗？可以指定两个入口。
javascriptvar config = {
app: '妮自己的代码入口',
vendor: ['jquery'] //第三方库
filename: '这是妮自己打包后生成的文件名',
plugins: [
new webpack.ProvidePlugin({
$: 'jquery'
}),//这个可以使jquery变成全局变量，妮不用在自己文件require('jquery')了
new monsChunkPlugin('vendor', 'vendor.bundle.js')//这是妮第三方库打包生成的文件
==============可供参考解决方法3==============
使用externals关键字：
module.exports = {
'index':'./src/js/index.js',
'index2':'./src/js/index2.js',
'index3/index3':'./src/js/index3.js'
path:'dist/js/',
publicPath:'dist/',
filename:'[name].js'
loaders:[{
test:/\.css$/,
loader:'style-loader!css-loader'
test:/\.html$/,
loader:'html-loader'
externals:{
'Zepto':'window.Zepto',
'$':'window.Zepto',
'JavascriptInterface':'window.JavascriptInterface'
extensions:['','.js','.json','.coffee']
plugins:[commonsPlugin]
相关文章：
上一篇文章：下一篇文章：
最新添加资讯
24小时热门资讯
Copyright © 2004- All Rights Reserved. 中国学网 版权所有
京ICP备号-1 京公网安备02号

我要回帖

更多关于 webpack分离第三方库 的文章

 

随机推荐