Не подключается jquery через webpack

138
27 марта 2018, 02:48

Подскажите как подключить jquery используя webpack. Я сделал следующее:

1) Скачал jQuery и положил в директорию Lib:

2) Настроил вебпак:

"use strict"
{
    let path = require('path');
    const CleanWebpackPlugin = require('clean-webpack-plugin');
    const bundleFolder = "wwwroot/bundle/";
    module.exports = {
        entry: "./Scripts/main.ts",

        output: {
            filename: 'script.js',
            path: path.resolve(__dirname, bundleFolder)
        },
        module: {
            rules: [
                {
                    test: /\.tsx?$/,
                    loader: "ts-loader",
                    exclude: /node_modules/,
                },
            ]
        },
        resolve: {
            extensions: [".tsx", ".ts", ".js"]
        },
        plugins: [
            new CleanWebpackPlugin([bundleFolder]),
            new webpack.ProvidePlugin({
                $: "./Lib/jquery-3.3.1.min.js",
                jquery: "./Lib/jquery-3.3.1.min.js",
                "windows.jQuery": "./Lib/jquery-3.3.1.min.js",
            })
        ],
        devtool: "inline-source-map"
    };
}

Вот мой файл индекса:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Index</title>
</head>
<body>
    <h1 id="helloworld"></h1>
    <div class="test">123</div>
    <script src="~/bundle/script.js"></script>
</body>
</html>

Основной скрипт:

import $ from 'jquery';
$(".test").css("background", "yellow");

(не знаю для чего я пишу import, вроде должно без него но IDE подчеркивает красным если убираю)

READ ALSO
PDO транзакции через функцию
PHP

PDO транзакции через функцию

Первоначально стояла задача сделать множественный запрос на добавление данных в три разные таблицы связанные по одному idРешил делать в три...

 120
Число 0.00004507 записывает в базу как 4.484E-5
PHP

Число 0.00004507 записывает в базу как 4.484E-5

В базе колонка с типом: varchar(50), я в эту колонку записываю текст "000004507" а в базу пишет такое: "4

 140
Программный вывод поля в node.tpl.php, Drupal 6
PHP

Программный вывод поля в node.tpl.php, Drupal 6

Добрый день, есть тип материала продукт в нем есть поле field_product_consist которое связано со словарем таксономии и выводит выбранные термины на страницу...

 114
Что значит payload и startParameter в telegram bot api
PHP

Что значит payload и startParameter в telegram bot api

Я не понимаю, что такое payload и startParameter в Telegram Bot APIПодскажите, пожалуйста

 178