介绍 npm install jquery ——节省,,,,,//jquery插件
npm install bootstrap ,,节省,,//引导
npm install ,,节省popper.js ,,//popper.js 插件:,(
new 才能;webpack.optimize.CommonsChunkPlugin(& # 39;常见# 39;),
new webpack.ProvidePlugin({才能
,,:美元,& # 39;jquery # 39;
,,,jQuery: & # 39; jQuery # 39;
,,,波普尔:[& # 39;popper.js& # 39;,, & # 39;默认# 39;】
})才能
, & # 39; use 严格# 39;
const path =,要求(& # 39;path & # 39;)
const utils =,要求(& # 39;。/跑龙套# 39;)
const config =,要求(& # 39;. ./配置# 39;)
const vueLoaderConfig =,要求(& # 39;。/vue-loader.conf& # 39;)
const webpack =,要求(& # 39;webpack& # 39;)
function resolve (dir), {
,return path.join (__dirname, & # 39; . . & # 39;,, dir)
}
,
module.exports =, {
背景:大敌;path.resolve (__dirname, & # 39; . ./& # 39;),
,条目:{
应用程序才能:& # 39;。/src/main.js& # 39;
},
,输出:{
,,路径:config.build.assetsRoot,
,,文件名:& # 39;[名字]. js # 39;
publicPath才能:process.env.NODE_ENV ===, & # 39;生产# 39;
,,? config.build.assetsPublicPath
,,:config.dev.assetsPublicPath
},
,解决:{
扩展才能:[& # 39;. js # 39;,, & # 39; .vue& # 39;,, & # 39; . json # 39;],
,,别名:{
,,& # 39;vue $ & # 39;:, & # 39; vue/dist/vue.esm.js& # 39;
,,& # 39;@ # 39;:,解决(& # 39;src # 39;),
,,}
},
,模块:{
规则:,才能
,,{
,,,测试:,/\ .vue/美元,
,,,装载机:,& # 39;vue-loader& # 39;
,,,选择:vueLoaderConfig
,,},
,,{
,,,测试:,/\ . js/美元,
,,,装载机:,& # 39;babel-loader& # 39;
,,,包括:,(解决(& # 39;src # 39;),,解决(& # 39;测试# 39;),,解决(& # 39;node_modules webpack-dev-server/客户机# 39;))
,,},
,,{
,,,测试:,/\。gif (png | jpe ? g | | svg)(\ ?。*) ?/美元,
,,,装载机:,& # 39;url-loader& # 39;
,,,选择:,{
,,,,限制:,10000年,
,,,,名字:,utils.assetsPath (& # 39; img/[名字]。[散列:7]。[ext] & # 39;)
,,,}
,,},
,,{
,,,测试:,/\。(mp4 | webm | ogg | | mp3 wav | flac | aac)(\ ?。*) ?/美元,
,,,装载机:,& # 39;url-loader& # 39;
,,,选择:,{
,,,,限制:,10000年,
,,,,名字:,utils.assetsPath(& # 39;媒体/[名字]。[散列:7]。[ext] & # 39;)
,,,}
,,},
,,{
,,,测试:,/\。(woff2 ? |测试结束| ttf |传递)(\ ?。*)?/美元,
,,,装载机:,& # 39;url-loader& # 39;
,,,选择:,{
,,,,限制:,10000年,
,,,,名字:,utils.assetsPath(& # 39;字体/[名字]。[散列:7]。[ext] & # 39;)
,,,}
,,}
,,)
},
,节点:{//才能,prevent webpack 得到injecting useless setImmediate polyfill because Vue//才能,source contains it (although only uses it if 这# 39;s 本地)。
,,setImmediate:假的,//才能,prevent webpack 得到injecting mocks 用Node native 模块//才能,that does not make sense for 从而客户机
,,dgram: & # 39;空# 39;
,,fs: & # 39;空# 39;
,,净:& # 39;空# 39;
tls才能:& # 39;空# 39;
child_process才能:& # 39;空# 39;
},
,插件:[
new 才能;webpack.optimize.CommonsChunkPlugin(& # 39;常见# 39;),
new webpack.ProvidePlugin({才能
,,:美元,& # 39;jquery # 39;
,,,jQuery: & # 39; jQuery # 39;
,,,波普尔:[& # 39;popper.js& # 39;,, & # 39;默认# 39;】
})才能
,)
}
如何在vue-cli中引入jQuery,引导和波普尔?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
1。安装插件
2。修改构建目录下的webpack.base.conf。js配置文件:
1)加入webpack对象:var webpack=要求(& # 39;webpack& # 39;);
2)在模块。出口里面加入以下配置:
webpack.base.conf。js配置文件最终代码
3。在主要。null null null
