javascript - webpack 不加载依赖项

标签 javascript jquery webpack

我遇到了一个问题,我包含了一个 jQuery 插件 (jquery.jplayer.js),并且 webpack 正在同一文件中加载该插件的依赖项,在本例中是 jQuery。我想通过 CDN 提供 jQuery 服务,所以显然我也不希望 jQuery 在本地加载。我已将其范围缩小到这行代码 define(['jquery'],factory);//jQuery 开关.

如何告诉 webpack 不包含在 .js 文件中找到的依赖项?

var debug = process.env.NODE_ENV !== "production";
var webpack = require("webpack");
var path = require("path");

module.exports = {
    context: __dirname,
    devtool: debug ? "inline-sourcemap" : null,
    entry: {
        app: "./wwwroot/js/app.js",
        lib: "./wwwroot/lib/jPlayer/dist/jplayer/jquery.jplayer.js"
    },
    module: {
        loaders: [
          {
              test: /\.jsx?$/,
              exclude: /(node_modules|bower_components)/,
              loader: "babel-loader",
              query: {
                  presets: ["react", "es2015", "stage-0"],
                  plugins: ["react-html-attrs", "transform-class-properties", "transform-decorators-legacy"],
              }
          }
        ]
    },
    output: {
        path: "./wwwroot/build/",
        filename: "[name].js"
    },
    plugins: debug ? [] : [
      new webpack.optimize.DedupePlugin(),
      new webpack.optimize.OccurenceOrderPlugin(),
      new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false })
    ]
};

最佳答案

此代码将 jQuery 排除在捆绑之外:

externals: {
  "jquery": "jQuery"  
},

关于javascript - webpack 不加载依赖项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38925173/

相关文章:

javascript - Slickgrid:具有动态参数的多重分组

Webpack 使用 UglifyJSPlugin 仅删除评论

laravel - 模块构建失败 : Vue packages version mismatch

javascript - Vue.js + Webpack 请求多个不正确的资源 URL

javascript - HTTP请求删除记录,然后从数组中删除obj Vue.js

java - Web 元素(html + css + js + java/spring)的目录结构应该如何使用 javascript Jasmine 单元测试?

javascript - 为什么这段 js 代码不能在 Chrome 和 Safari 中运行?

javascript - 如何制作 Bootstrap 侧面板/div(不是菜单)

javascript - 单击单选按钮时输入不会消失

javascript - 将 ul 的值获取到未隐藏的变量中