中vue/webpack中使用bootstrap

1. 安装vue-cli
2. 构建webpack项目 vue init webpack webproject
3. 进入项目目录 cd webproject
4. 下载相关模块 npm install
5. 下载常用模块 : vuex vue-router(默认存在) css-loader style-loader axios 等等
6. 下载bootstrap npm install bootstrap
7. 下载jquery npm install jquery@1.12.4
8. 中组件中使用

         import 'bootstrap/dist/css/bootstrap.min.css'
         import 'jquery/dist/jquery.min.js'
         import 'bootstrap/dist/js/bootstrap.min.js'
     

9. 执行应用 npm run dev
10. 出现错误
11. 解决问题

      
          //1.  在webpack.base.conf.js文件顶部引用webpack
          var webpack = require("webpack")

          //2. 在module.exports的最后加入
            plugins: [
               new webpack.ProvidePlugin({
                    jQuery: "jquery",
                     $: "jquery"
                     })
                   ]

           //3. 然后一定要重新启动 npm  run dev
         
    

ˆ Back To Top