小编Ten*_*oda的帖子

使用webpack在Angular2中包含jQuery并从组件中访问它

我想在我的Angular2-Application中包含jQuery和SignalR,并使用webpack连接所有内容.

因此我通过npm安装了jQuery.

的package.json

"dependencies": {
    // ...
    "jquery": "2.1.4",
    // ...
  },
Run Code Online (Sandbox Code Playgroud)

文件和文件夹已正确安装.

我现在在vendor.ts中定位这些文件以获取webpack以查找并包含它们:

import 'jquery';
import 'bootstrap/dist/js/bootstrap.js';
import '../../bower_components/signalr/jquery.signalR';
Run Code Online (Sandbox Code Playgroud)

并且webpack获取这些文件并将它们连接起来.我可以在我的vendor.js中看到这个.jQuery出现在那里.还有jquery signalR-File.

我的webpack.config:

var webpack = require("webpack");
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry: {
        "vendor": "./wwwroot/app/vendor",
        "polyfills": "./wwwroot/app/polyfills",
        "app": "./wwwroot/app/boot"
    },
    output: {
        path: __dirname,
        filename: "[name]-[hash:8].bundle.js"
    },
    resolve: {
        extensions: ['', '.ts', '.js', '.html']
    },
    devtool: 'source-map',
    module: {
        loaders: [
            {
                test: /\.ts/,
                loaders: ['ts-loader'],
                exclude: /node_modules/
            },
            {
                test: /\.html$/,
                loader: 'html'
            },
            {
                test: …
Run Code Online (Sandbox Code Playgroud)

jquery signalr webpack angular

8
推荐指数
2
解决办法
7085
查看次数

标签 统计

angular ×1

jquery ×1

signalr ×1

webpack ×1