美文网首页我爱编程
webpack 引入 jquery + bootstrap

webpack 引入 jquery + bootstrap

作者: 蜡笔丶超人 | 来源:发表于2017-07-30 17:07 被阅读229次

    引入jQuery

    1. npm install jquery --save-dev 引入jQuery
    2. webpack.base.conf.js 配置加入
     var webpack=require('webpack');
    

    2.1 在module.exports的里面加入

    plugins: [ new [webpack.optimize.CommonsChunkPlugin('common.js'),](http://webpack.optimize.commonschunkplugin%28%27common.js%27%29%2C/) 
    new webpack.ProvidePlugin(
    { jQuery: "jquery",
     $: "jquery" })
    ]
    
    1. 引入jQuery规则(import $ form 'jquery')

    引入bootstrap

    1. npm install bootstrap --save
    2. 主入口js中引入
    import 'bootstrap/dist/css/bootstrap.css'
    

    bootstrap内涵字体文件,css,等文件,所以需要安装各类loader(style-loader,css-loader,url-loader)

    相关文章

      网友评论

        本文标题:webpack 引入 jquery + bootstrap

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