webpack中引用jquery

1.首先須要添加項目中jquery的依賴css

npm install jquery --save-devjquery

2.參考配置代碼:webpack

var webpack = require("webpack");
var path = require("path");

module.exports = {
    entry:{
        home:"./src/js/home.js",
        ……
    },
    output:{
        path:__dirname+"/dist/js",
        filename:"[name].min.js"
    },
    module:{
        loaders:[
            {test:/\.css$/,loader:"style-loader!css-loader"},
            ……
        ]
    },
    plugins:[
        new webpack.ProvidePlugin({
            $:"jquery",
            jQuery:"jquery",
            "window.jQuery":"jquery"
        })
    ]
}

 

在項目中安裝jquery依賴,必定不能少。web

相關文章
相關標籤/搜索