J'ai rencontré le même problème que l'affiche originale. J'ai cité le plug-in tiers de jquery jquery.mockjax.js, puis j'ai appelé require('./assets/jquery.mockjax.js') dans main.js. , lorsque $ apparaît, il n'est pas défini. require('./assets/jquery.mockjax.js')，出现$此时是undefined。

我是这样解决的：
通过npm install的方式去安装的jquery-mockjax，此时发现可以用了，$也有定义了。

然后我尝试了找了一下两者的不同：
首先通过npm install安装的jquery-mockjax 的源码和我之前直接引入的js文件是相同的。

(function(root, factory) {
    'use strict';
    console.log(arguments);
    console.log('root', root);
    // AMDJS module definition
    if ( typeof define === 'function' && define.amd && define.amd.jQuery ) {
        console.log('this is in amdjs module definition');
        define(['jquery'], function($) {
            return factory($, root);
        });

    // CommonJS module definition
    } else if ( typeof exports === 'object' && module.exports) {
        console.log('this is CommonJs module definition');

        // NOTE: To use Mockjax as a Node module you MUST provide the factory with
        // a valid version of jQuery and a window object (the global scope):
        // var mockjax = require('jquery.mockjax')(jQuery, window);

        module.exports = factory;

    // Global jQuery in web browsers
    } else {
        console.log('this is global jquery in web browsers');
        return factory(root.jQuery || root.$, root);
    }
}(this, function($, window) {
    'use strict';

这是源码部分，采用UMD的方式。

方式一：
通过require('./assets/jquery.mockjax.js')的方式去引入该文件，webpack编译后的代码是直接进入第三个判断分支进行判断，直接调用了该工厂函数，webpack在处理的时候this传入的是modules.exports对象，此时module.exports对象是找不到jquery的，因此报错。尝试将源码中的this改为global后，是可以解决的。网上也提供了不修改源码，通过imports-loader的方式将this赋值为window。require('import-loader?this=>window!./assets/jquery.mockjax.js')
方式二：
通过require('jquery-mockjax')

rrreee

Ajoutez d'abord "jquery" : "^2.2.3" aux dépendances dans package.json, puis npm install

Ajoutez-le à webpack.base.conf.js

var webpack = require("webpack")

Ajouter à la fin du module.exports

plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
        jQuery: "jquery",
        $: "jquery"
    })
]

Alors assurez-vous de npm exécuter à nouveau dev

Vous pouvez l'importer dans main.js import $ from 'jquery'

Aucun plug-in (surtout les anciens plug-ins) ne peut être importé. Sinon, et npm ne trouve pas le téléchargement source de ce plug-in, il n'y a que deux options :
1. où src entre en jeu

2. Modifiez vous-même le plug-in et exportez la méthode pour exposer le plug-in

La raison pour laquelle le plug-in jq ne peut pas être utilisé est que lorsque le plug-in jq est introduit, le $ dans le js qui exécute ce plug-in n'a pas été défini dans la vue globale, donc la méthode est introuvable. Maintenant, je sais qu'il existe deux méthodes :
(1)
1. Introduisez jq.js et js du plug-in jq dans index.html
2. Ajoutez la variable globale $ dans webpack.base.conf.js,

externals: {
    jquery: 'window.$'
  }

3. Dans les composants qui doivent utiliser le plug-in jq, exigez jq, var $ = require('jquery').
(2)
1.Introduisez jq.js dans index.html
2.Dans les composants qui doivent utiliser le plug-in jq, importez le js du plug-in et exigez simplement jq.

Si ça ne marche pas, dis-le-moi encore

Pourquoi êtes-vous si réticent à utiliser jq au lieu de vue ? . .

Ce plug-in n'est conforme à aucune spécification de système modulaire, vous ne pouvez donc pas obtenir l'objet ou le constructeur de plug-in correspondant via l'importation, et ce plug-in nécessite que jQuery soit une propriété de la fenêtre (variable globale), donc il est plus difficile d'utiliser l'approche modulaire :

import $ from 'jquery'
global.$ = global.jQuery = $
require('path/to/jquery.particleground.js')

Alors vous pourrez peut-être appeler $('#a').particleground(), c'est juste une possibilité, je ne l'ai pas testé moi-même

En fait, il devrait être possible d'utiliser un script pour introduire jquery et ce plug-in directement dans index.html Si eslint est utile, définissez global $