1. 程式人生 > >vue-cli3如何在vue.config.js正確引入jQuery

vue-cli3如何在vue.config.js正確引入jQuery

const webpack = require('webpack')
const path = require('path');

function resolve(dir) {
    return path.join(__dirname, dir)
}
module.exports = {
    // 基本路徑
    baseUrl: './',
    devServer: {
        port: 8888,
        open: true
    },
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                jQuery: 'jquery',
                $: 'jquery'
            })
        ]
    },
    productionSourceMap: false,
    lintOnSave: false,
    chainWebpack: config => {
        config.entry.app = ["babel-polyfill", resolve('src/main.js')],
        config.resolve.alias
            .set('@', resolve('src'))
            .set('./@assets', resolve('src/assets'))
            .set('@components', resolve('src/components'))
            .set('@store', resolve('src/store'))
            .set('@utils', resolve('src/utils'))
            .set('@serviceSupervision', resolve('src/components/pages/serviceSupervision'))
            .set('@onlineRevision', resolve('src/components/pages/onlineRevision'))
            .set('@evaluate', resolve('src/components/pages/evaluate'))
            .set('@TablesAndChairs', resolve('src/components/pages/TablesAndChairs'))
            .set('@font', resolve('src/font'));
    }
}

作者:卓小生
連結:https://www.jianshu.com/p/c2cda119ee67
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯絡作者獲得授權並註明出處。