• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

webpack中引用bootstrap问题

本人刚开始接触webpack正在尝试使用webpack如何使用第三方库,已经用npm安装了各种加载器和库,配置完之后却发现完全没效果,webpack.config.js文件如下,有无大神教一下我怎么引入bootstrap?
var webpack = require('webpack')var HtmlWebpackPlugin = require('html-webpack-plugin')module.exports = {            entry: {                                          index : './src/js/index.js',                     vendors: ['jquery','bootstrap']                    },    output: {        path: './dist',        filename: "bundle.js",     },    plugins: [            new webpack.optimize.OccurenceOrderPlugin(),             new HtmlWebpackPlugin({              template: './src/index.html'            }),            new webpack.ProvidePlugin({                                          $:"jquery",              jQuery:"jquery",              "window.jQuery":"jquery"            }),            new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'),        ],        module: {                loaders: [                    { test: /\.css$/, loader: 'style-loader!css-loader' },                    { test: /\.scss$/, loader: 'style!css!sass?sourceMap'},                    { test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'},                    { test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,   loader: "url?limit=10000&mimetype=application/font-woff" },                        { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,    loader: "url?limit=10000&mimetype=application/octet-stream" },                        { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,    loader: "file" },                        { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,    loader: "url?limit=10000&mimetype=image/svg+xml" }                ]        },};请问应该如何配置?是我打开方式有问题吗

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

全部参与1

我是在main.js中使用es6语法类似下面这样直接引入:
import './common/css/style.css';

使用道具 举报

发新帖

发布任务需求已有1031166位用户正在使用天盟网服务

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!