如何在vue-jekyll中向单个文件组件添加样式标签?

时间:2018-07-04 09:09:29

标签: javascript webpack vue.js jekyll

我偶然发现了这个仓库vue-jekyll,它非常符合我的需求。

尽管缺少一件事,就是可以将<style lang="scss" scoped>...</style>添加到单个文件组件中,例如here

似乎最初的开发人员是该项目的MIA-因此,我与可能知道如何将此功能添加到Webpack的任何人联系。当前的config如下:

module.exports = {
  entry: {
    //  OUR SOURCE FILE 
    jsSource: './js/source.js'
  },
  output: {
    //  OUR DESTINATION 
    filename: './js/bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules)/,
        loader: 'babel-loader',
      },
      {
        test: /\.json$/,
        use: 'json-loader'
      },
      {
        test: /\.vue$/,
        use: 'vue-loader'
      }
    ]
  },
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.esm.js' // 'vue/dist/vue.common.js' for webpack 1
    }
  }
}

有什么想法吗? :/

0 个答案:

没有答案