我正在嘗試遷移一個舊項目以使用.我寫了一些自定義插件,不再工作。雖然我認為這個問題應該發生在其他人身上,但我找不到任何關于它的帖子。webpack這是我包含:base.js(function ($) { $.fn.my_extension = function () { alert("I am found!"); };}(jQuery));這就是我在模板中使用它的方式:<script type="text/javascript"> $(document).ready(function() { $('#my-id').my_extension(); });</script>這是我在我的包含:index.js// JS Dependenciesimport 'jquery';...// Custom JSimport '../js/base.js';這是我的:webpack.config.jsvar path = require('path');var webpack = require('webpack');var BundleTracker = require('webpack-bundle-tracker');module.exports = { context: __dirname, mode: 'development', entry: './static/js/index.js', output: { path: path.resolve('./static/webpack_bundles/'), filename: "[name]-[hash].js" }, module: { rules: [ { test: require.resolve('jquery'), use: [{ loader: 'expose-loader', options: 'jQuery' }, { loader: 'expose-loader', options: '$' }] }, ... ], }, plugins: [ new BundleTracker({filename: 'webpack-stats.json'}), new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", 'window.jQuery': 'jquery' })]}這是我在調用模板時遇到的錯誤:類型錯誤: $(...).my_extension不是函數任何想法,我可能做錯了什么?
使用 webpack 時找不到自定義 jQuery 擴展/插件
楊魅力
2022-09-02 20:55:47