有没有人遇到过这个问题哈！在vue入口文件import css与import js文件作用域求指导！

Question

为什么引入css样式文件能够作用到全局？而引入js文件就只能在当前模块下产生作用？main.jsimportafrom'./a.js';//样式文件import'./index.css'a.jsexportdefault"helloworld"index.css.title{color:red}

Answer 1

在main.js中引入的css都是全局生效的。引入的js文件只在main.js中生效，是因为main.js在webpack中是一个模块，a.js也是一个模块，在其他地方是访问不到这个a的，这就是ES6的模块化，所以如果你想这个a.js全局可用，就需要绑定到全局对象上，比如绑定Vue上，让这个a暴露在全局对象上。