在vue-cli中通过webpack全局引入jQuery
分类: 程序开发 1419 1
1、通过npm安装jQuery组件:
npm i jquery --save
2、在 build/webpack.base.conf.js 里加入:
const webpack = require("webpack")
module.exports = {
// 其他代码...
resolve: {
extensions: ['', '.js', '.vue'],
fallback: [path.join(__dirname, '../node_modules')],
alias: {
'src': path.resolve(__dirname, '../src'),
'assets': path.resolve(__dirname, '../src/assets'),
'components': path.resolve(__dirname, '../src/components'),
// webpack 使用 jQuery,如果是自行下载的
// 'jquery': path.resolve(__dirname, '../src/assets/libs/jquery/jquery.min'),
// 如果使用NPM安装的jQuery
'jquery': 'jquery'
}
},
// 增加一个plugins
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
})
],
// 其他代码...
}
3、重新运行 npm run dev
共 1 条评论关于 “在vue-cli中通过webpack全局引入jQuery”