import './assets/bootstrap-3.3.7-dist/css/bootstrap.min.css'
import './assets/bootstrap-3.3.7-dist/js/bootstrap.min'//根据自己文件夹路径选择路径

npm install jquery --save

 var webpack = require("webpack");

plugins: [// 3. 配置

全局使用 jquery
   new webpack.ProvidePlugin({
   $: "jquery",
   jQuery: "jquery",
   jquery: "jquery",
   "window.jQuery": "jquery"
 })],

<style lang="css"> 
 @import './index.css' 
 </style> 
 或者 
 <style lang="css" src="/UploadFiles/2021-04-02/index.css">

如果需要使用sass
安装sass模块


npm install node-sass --save-dev 
npm install sass-loader --save-dev


在组件的style部分使用内联写法


<template></template>
 <script></script>
 <style lang="scss" scoped>//在这个部分添加lang="scss"
 //sass样式 
 </style> 



引用sass外部文件的写法。


<style lang="scss" src="/UploadFiles/2021-04-02/index.scss">

如果需要使用less
安装less模块


npm install less --save-dev 
npm install less-loader --save-dev 


在组件的style部分使用内联写法 


<template></template>
 <script></script>
 <style lang="less" scoped>//在这个部分添加lang="less" 
 //less样式 
 </style> 


引用less外部文件的写法。


<style lang="less" src="/UploadFiles/2021-04-02/index.less">

结语：


仔细阅读，按步骤来基本上可以配置成功。如果有哪个地方写的不够清楚的，欢迎指正。本文面向小白，写着玩，大手请轻喷。希望对大家的学习有所帮助，也希望大家多多支持。

                                
                                

                                    vuecli引入bootstrap,vue-cli引用jQuery,vue,cli,引用less 
                                

                                    标签：
                                        
vuecli引入bootstrap,vue-cli引用jQuery,vue,cli,引用less
                                     

                                
极乐门资源网 Design By www.ioogu.com