Tag: webpack 2

webpack jquery和angular – jQuery没有定义: 我正在将现有项目重构为webpack。该项目使用angular（1.3）和jQuery（2.1）。在初始网页上已经有一些jQuery函数被调用，但是这些函数失败了，因为’jQuery未定义’。即使在加载页面后（通过控制台），jQuery仍未定义。 ‘$’已定义，但我不确定它是否实际指向jQuery。我调整了webpack配置以在所有模块中公开jquery变量（如此处和几篇文章中所述）： new webpack.ProvidePlugin({ $: “jquery”, ‘window.jQuery’: “jquery”, ‘jQuery’: “jquery” }) 在我的入门书中，我有： import ‘jquery’; import ‘jquery-ui’; import ‘jquery-slimscroll/jquery.slimscroll’; … import angular from ‘angular’; import ‘angular-ui-router’; … 的package.json： “jquery”: “~2.1.1”, 现在我通过在条目html的头部手动导入jquery来解决它：

Webpack 2加载，公开和捆绑jquery和bootstrap: 这已经被零碎地提出，但似乎没有人能够找到答案。我只是想简单地尝试捆绑jquery那些引导程序，并在全局范围内公开$ ， JQuery和bootstrap 。这是我的webpack.config.js var webpack = require(‘webpack’); module.exports = { entry: { accountdetails: ‘./src/main/webapp/public/js/accountdetails.js’, vendor_jquerybs: [‘jquery’, ‘bootstrap’] } , module:{ loaders: [{ test: /\.jsx?$/, exclude: /node-modules/, loader: ‘babel-loader’ }] }, resolve: { extensions: [‘.js’, ‘.jsx’] }, output: { path: __dirname + ‘/src/main/webapp/public/js/dist’, publicPath: ‘/’, filename: ‘[name].bundle.js’ }, devServer: { contentBase: ‘./dist’ } […]

jQuery与Webpack 2: 我的webpack.config.js如下所示： var debug = process.env.NODE_ENV !== “production”; var webpack = require(‘webpack’); var path = require(‘path’); var node_dir = __dirname + ‘/node_modules’; const autoprefixer = require(‘autoprefixer’); const ProvidePlugin = require(‘webpack/lib/ProvidePlugin’); module.exports = { context: path.join(__dirname, “src”), devtool: debug ? “inline-sourcemap” : null, entry: [‘tether’, ‘font-awesome-loader’,”bootstrap-loader”,”./js/client.js”], resolve: { extensions: [‘.js’, ‘.styl’], alias: { ‘jquery’: node_dir + ‘/jquery/src/jquery.js’, […]

使用webpack 2加载jQuery插件: 在谷歌搜索和尝试的大部分时间后 – 我没有让它工作，在这一点上，我不知道缺少什么。我已经在webpack.common.js中运行了jQuery（并validation了它的工作原理）： new ProvidePlugin({ jQuery: ‘jquery’, $: ‘jquery’, jquery: ‘jquery’ }) 例如，我有一个“MetisMenu”插件，我应该在哪里配置它？我在app.module.ts中尝试了各种require/include组合。喜欢（包括将它们分配给常量/ var但导入/需要总是给出这个错误）： import ‘metismenu’; jQuery(…).metisMenu is not a function import { metisMenu } from ‘metismenu’; Cannot assign to read only property ‘exports’ of object ‘#’ require (‘metismenu’); Cannot assign to read only property ‘exports’ of object ‘#’ import * as […]