我偶然发现了这个仓库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
}
}
}
有什么想法吗? :/