我偶然发现这个 repo vue-jekyll非常接近我的需求..
但是,它缺少一件事,即添加<style lang="scss" scoped>...</style>到单个文件组件的能力,例如此处。
似乎最初的开发者是这个项目的 MIA - 所以我正在联系任何可能知道如何将此功能添加到 Webpack 的人。当前配置如下:
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
}
}
}
有任何想法吗?:/