Jekyll 无法仅对网页包2中的url加载器对特定url进行costomize

TL；博士，

font-awesome-css

不能正确显示在我的博客上，因为我不能只为font-awesome-css创建url，和

我在github页面上创建了一个博客，用pug转换html，用stylus转换CSS，用little ts，用webpack+gulp构建，一切正常，但很棒的CSS url是错误的，我使用

webpack-2

和

gulp-4

网页包中关于很棒的css的配置是

...
  output: {
    path: PATHS.bin,
     //publicPath: '{{site.baseurl}}',
   // use / to show awesome css icon
    publicPath: '/',
    filename: debug ? 'js/[name].js' : 'js/[name]-[hash:8].js'
  },
...

...
  module: {
    rules: [
      {
        test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,
        use:[{ loader: 'url-loader',
          options: {
            limit:'10000',
            mimetype:'application/font-woff',
            //name:'fonts/[name].[ext]?[hash:8]'
            name:'fonts/[name].[ext]?[hash:8]'
          }
        } ]
      }, {

...

博客文件结构是

.
├── about
│   └── index.md
├── _config.yml
├── credits
│   └── index.md
├── css
│   ├── commons.css
│   ├── commons.css.map
│   ├── index.css
│   ├── index.css.map
│   ├── pages.css
│   └── pages.css.map
├── favicon.ico
├── fonts
│   ├── fontawesome-webfont.eot
│   ├── fontawesome-webfont.svg
│   ├── fontawesome-webfont.ttf
│   ├── fontawesome-webfont.woff
│   └── fontawesome-webfont.woff2
├── Gemfile
├── Gemfile.lock
├── gulpfile.js
├── images
│   └── shangwenlong-wechat.png
├── _includes
│   ├── articles.html
│   ├── disqus.html
│   ├── pagination.html
│   └── sidebar.html
├── index.html
├── Jenkinsfile
├── js
│   ├── commons.js
│   ├── commons.js.map
│   ├── index.js
│   ├── index.js.map
│   ├── pages.js
│   └── pages.js.map
├── jsconfig.json
├── _layouts
│   ├── default.html
│   ├── page.html
│   └── post.html
├── LICENSE
├── media
├── node_modules
├── package.json
├── _posts
│   ├── 2016-07-07-webpack-for-jekyll.md
│   ├── 2016-08-13-gemfile-requires-error.md
│   ├── 2016-10-07-mongoose-arrowFunction-bug.md
│   ├── 2016-12-03-gulp-watch-problem.md
│   ├── 2016-12-04-pug-loader-problem.md
│   ├── 2016-12-05-github-pages-problem.md
│   ├── 2016-12-24-min-height-does-not-work-in-qq-browser.md
│   └── 2017-03-01-reactjs-improvements.md
├── README.md
├── _site
│   ├── about
│   ├── blog
│   ├── credits
│   ├── css
│   ├── favicon.ico
│   ├── fonts
│   ├── Gemfile
│   ├── Gemfile.lock
│   ├── images
│   ├── index.html
│   ├── Jenkinsfile
│   ├── js
│   ├── jsconfig.json
│   ├── LICENSE
│   ├── page2
│   ├── README.md
│   ├── src
│   ├── static
│   ├── test
│   ├── tsconfig.json
│   └── webpack.config.js
├── src
│   ├── css
│   ├── fonts
│   ├── _includes
│   ├── index.pug
│   ├── js
│   └── _layouts
├── static
│   └── highlight
├── struct.txt
├── test
│   └── index.html
├── tsconfig.json
└── webpack.config.js

可怕的css需要css中的url是

。/font/xxxx

，但它是

/font/xxx

，因此不能正确显示

---

您可以看到，如果我仅将

publicPath

更改为awesome css使用

。/

，则其他

js

和

css

将链接错误，但我无法仅为

awesome css

创建url，并且不更改其他源。帮助~，非常感谢。

只需在

ExtractTextPlugin

中设置publicPath，它就可以覆盖全局输出

ExtractTextPlugin

  /********* stylus to css*/
  {
    test: /\.(styl|css)$/,
    exclude: ['/node_modules/','/src/css/includes/'],
    use:ExtractTextPlugin.extract({
      fallback: 'style-loader',
      publicPath: '../',
      use:['css-loader','postcss-loader','stylus-loader']
    })  
  },