Question

webpack 怎么加载jquery插件

Answer 1

直接引入的关键在于输出的配置，这里以var为例，如下：
output : {
filename : '[name].js',
// devServer不可配置为绝对路径
//publicPath: "http://localhost:8080/dist/",
publicPath: "/dist/",
path : build,
// umd包含了对amd、commonjs、var等多种规范的支持
// 关键在于这里
libraryTarget : 'var'
},
// 其他配置略
resolve: {
//extensions: ['', '.js', '.es6', '.vue'],
alias: {
// 也可以不写
jquery: 'jquery/dist/jquery.min.js',
}
}123456789101112131415161718

这样，在编译代码时，webpack会自动将jquery打进代码，现在就可以引入代码了
// 可以直接引入jquery
import $ from 'jquery'
// 因为是commonjs规范，所以会按顺序加载，引用成功，如果是output为amd，则必须在requirejs中配置shim，否则失败
import 'jquery-ui'