当使用 Webpack 时,在 Vue SFC 中为 scss 文件添加别名非常简单,例如:
<style lang="scss">
@import "~scss/config/config";
...
</style>
Run Code Online (Sandbox Code Playgroud)
在 Webpack 中将是以下内容:
alias: {
sass: path.resolve(__dirname, '../scss/')
}
Run Code Online (Sandbox Code Playgroud)
您将如何在 Rollup via 中添加相同类型的别名rollup-plugin-vue?
我试过添加一些 postcss 插件,例如
import importer from 'postcss-import';
vue({
css: false,
style: {
postcssPlugins: [
importer({
path: null,
addModulesDirectories: [path.resolve(__dirname, '../shared')]
})
]
}
}),
Run Code Online (Sandbox Code Playgroud)
我也试过:rollup-plugin-alias,rollup-plugin-includepaths和其他一些postcss插件。