小编Jam*_*son的帖子

Vue SFC 中通过 Rollup 的 SCSS 别名

当使用 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-aliasrollup-plugin-includepaths和其他一些postcss插件。

rollup webpack vue.js rollupjs vuejs2

7
推荐指数
1
解决办法
2085
查看次数

标签 统计

rollup ×1

rollupjs ×1

vue.js ×1

vuejs2 ×1

webpack ×1