vue-cli webpack 全局引用jquery

一、初始化项目

首先，执行vue init webpack

F:\ZhaoblTFS\Zeroes\Document\代码示例\vue-cli-webpack-jquery>vue init webpack

? Generate project in current directory? Yes
? Project name vue-cli-webpack-jquery
? Project description A Vue.js project
? Author zhaobaolong <zbl131@126.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? No
? Setup e2e tests with Nightwatch? No

   vue-cli · Generated "vue-cli-webpack-jquery".

   To get started:

     npm install
     npm run dev

   Documentation can be found at https://vuejs-templates.github.io/webpack

然后，执行npm install

最后，执行npm run dev 打开浏览器 http://localhost:8080

在浏览器控制台输入$

停止站点。

二、安装expose-loader和jquery

a.依次执行npm i expose-loader --save 和 npm i jquery --save，执行完会在package.json文件中增加两个依赖

b.修改webpack.base.conf.js文件，在module.rules 最后增加

 {
          test: require.resolve('jquery'),
          use: [{
              loader: 'expose-loader',
              options: 'jQuery'
          },{
              loader: 'expose-loader',
              options: '$'
          }]
      }