美文网首页我爱编程
vue-cli 引入jq,bootstrap,swiper

vue-cli 引入jq,bootstrap,swiper

作者: 秃头大叔 | 来源:发表于2018-02-28 14:48 被阅读0次

    引入jqeury方式

    // 在webpack.base.config.js中的module.exports中添加配置,如下
    plugins: [
      new webpack.optimize.CommonsChunkPlugin('common.js'),
      new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery"
      })
    ]
    
    

    引入bootstrap方式

    // 通过npm安装bootstrap  npm i bootstrap
    //在main.js 通过import引入
    import 'bootstrap/dist/css/bootstrap.css'
    import 'bootstrap/dist/js/bootstrap.min.js'
    

    引入swiper方式

    // 在index.html中手动引入  <script src="./static/swiper.js"></script>
    // 在webpack.base.config.js中的module.exports中添加配置,如下
    externals:{
        swiper:'Swiper',
      },
    //在main.js或需要的页面 通过import引入
    import Swiper from swiper
    

    相关文章

      网友评论

        本文标题:vue-cli 引入jq,bootstrap,swiper

        本文链接:https://www.haomeiwen.com/subject/czpbxftx.html