我想在我的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)