scss文件引入的问题

Question

老师您好；

课程中variables.scss 和 mixins.scss文件的引入放在了每个需要它们的组件中；

为什么在这些地方引入呢，是根据webpack打包的特性，让webpack打包时清除掉bundler中重复的模块吗？

如果在index.scss 或 base.scss中直接引入 variables 和 mixins这样公用的抽象属性，代码上感觉更简洁一些；但这样是否会导致打包变慢 或者 在整个项目中某几个 输出文件 中引入了不必要的css属性呢？

Answer 1

Dell 2021-09-27 00:16:22

这两个文件，不是css，而是一些scss里面的变量和方法，如果其他scss文件想用，必须在自己的文件里引用它们

• 提问者 aibo #1

  明白了，也就是不存在什么打包多引入css属性的问题；那其实在base.scss或index.scss这种在main.js里全局引入的scss文件里引入全局的变量和方法scss文件不会影响打包性能对吗；（因为不懂webpack打包，才问这个问题的）

• 提问者 aibo #2

  非常感谢！

• Dell 回复 提问者 aibo #3

  是的。