通过lib方式引入
注意:这种方式不能使用noparse去提速,不然未解析情况会导致jQuery无法识别
module.exports = {
resolve: {
alias: {
jquery: resolve(__dirname, './src/asset/lib/jquery-1.12.4.min.js')
},
},
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
}),
}
// 引入, 其实全局已经定义了后,使可以不用引入也可直接使用
import $ from 'jquery';
import './asset/lib/public.js';
import './asset/lib/nav.js';
import './asset/lib/jquery.flexslider-min.js'
通过cdn方式引入
在html引入cdn脚本
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
webpack配置