1:运行命令npm install jquery --save
看到package.json中多了jquery的版本
2:修改webpack.base.conf.js两个地方:
其一:加入var webpack = require("webpack");
其二:在module.exports的里面加入
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
加到最后就好。
最后在main.js中加入import $ from 'jquery' 完成jQuery的引入。
3:引入BootStrap
下载:https://v3.bootcss.com/getting-started/#download
拷贝:到项目assets目录
main.js下加入:
import './assets/bootstrap-3.3.7-dist/css/bootstrap.css' import './assets/bootstrap-3.3.7-dist/js/bootstrap.js'
再看表格,就已包含了样式了

本文详细介绍如何使用npm安装jQuery并将其添加至项目中,通过配置webpack实现jQuery的全局使用。此外,还介绍了如何下载并引入Bootstrap,包括CSS和JS文件,确保项目中的表格等元素能正确显示Bootstrap样式。

4532

被折叠的 条评论
为什么被折叠?



