坑爹的自定义bootStrap打包

官方的示例,打包自定义bootStrap总是报如下错误:

ERROR in ./node_modules/bootstrap-webpack/index.loader.js!./bootstrap.config.js
Module not found: Error: Can't resolve '[object Object],[object Object]' 

尝试着去掉boostrap.config.js中的styleLoader,结果又的提示:

什么.eot文件中有非法字符, Unexpected character '�'

于是加上官方示例最初的:

module.exports = {
  module: {
    loaders: [
      // the url-loader uses DataUrls.
      // the file-loader emits files.
      {test: /\.(woff|woff2)(\?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'}
    ]
  }
};

报url.js不是可执行脚本,于是想到把每个loader补充完整,写成

        rules:[
            {test:/\.css$/,
                use:['style-loader','css-loader']
            },
            {
                test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/,
                loader: 'url-loader?limit=10000&mimetype=application/font-woff'
            }, {
                test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
                loader: 'url-loader?limit=10000&mimetype=application/octet-stream'
            }, {
                test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
                loader: 'file-loader'
            }, {
                test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
                loader: "url-loader?limit=10000&mimetype=image/svg+xml"
            },
        ]

结果正常!但是boostrap.config.js中的styleLoader无论怎么调整都会报错。又重头读一遍 文章发现:

Install extract-text-webpack-plugin before using this configuration.

眼瞎啊,人家已经说了,在使用此配置前一定要配置extract-text-webpack-plugin,安装后依旧报错!!呵呵,你妹。我该怎么办.下载官方的示例代码,发现它的boostrap.config.js是这么写的:

styleLoader: 'style-loader!css-loader!less-loader',

回到自己的工程中,执行webpack一切正常。。心中一千万只草泥马掠过

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,721评论 7 110
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,248评论 7 35
  • 目录第1章 webpack简介 11.1 webpack是什么? 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 1,766评论 0 1
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,253评论 0 21
  • 你听过麻雀飞过那一瞬间翅膀触碰树叶的声音吗?阳光还有稻谷的味道在午时随着柴火生饭的气味飘进你幼时的心里,于是内心的...
    祁书也阅读 408评论 1 3