引入可以放在vue.congfig.js中引入吗

来源：2-14 CSS架构之Base层代码实现（2）

幕木_

2021-05-02

为什么这里的base层要在main.js里面引入了？和_sassMagic.scss一样通过vue.congfig.js
`loaderOptions: {

  scss: {
    prependData: `@import "~@/style/index.scss";`,
  },`
        可以吗，如果不可以说下原因，谢谢

写回答

1回答

小小小

2021-05-03

在这里prependData引入，有个作用，就是在每个文件<style></style>头部引入，比如页面home.vue：
<style>

@import "src/style/settings/var.scss";

@import "src/style/theme/scss/index.scss";

@import "src/style/tools/_sassMagic.scss";

</style>

为啥需要每个文件头部引入呢，因为他们是变量var、是mixin、是function，所以需要在每个文件头部导入，否则 home.vue 就没办法用到公共变量、公共mixin、公共function，而base就是纯css代码，当然不需要每个文件头部导入，直接导入到main.js全局即可

CSS架构系统精讲理论+实战玩转蘑菇街

解决CSS难维护、难扩展、难复用问题，助力前端工程师弯道超车

564 学习 · 71 问题

查看课程

相似问题

老师好，import引入和在vue.config.js中引入有啥区别啊?

回答 1

为什么不用官方文档中的按需引入呢？

回答 1

theme/scss/index.scss 要导入到 vue.config.js 中吧？

回答 1

最后的 `export default Mock;` 可以不要吧？

回答 1

组件为什么不能像上图那样引用

回答 1

打开慕课网App查看更多内容