因为经常在vue项目的main.js中import样式文件,所以一直有这么个疑惑;
js文件之间相互export/import倒是理解;
但是一直不理解js文件中import xxx.css文件是怎么个机制?因为我如果直接把这个css文件的代码复制到js文件中是报错的,js引用css文件时,底层干了些啥呢?
我看mdn上也只有js文件相互引用的相关例子😭:
https://developer.mozilla.org...
因为经常在vue项目的main.js中import样式文件,所以一直有这么个疑惑;
js文件之间相互export/import倒是理解;
但是一直不理解js文件中import xxx.css文件是怎么个机制?因为我如果直接把这个css文件的代码复制到js文件中是报错的,js引用css文件时,底层干了些啥呢?
我看mdn上也只有js文件相互引用的相关例子😭:
https://developer.mozilla.org...
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
这跟 JS 没有关系,这也不是 JS 本身的能力,而是 Webpack / Rollup 这类构建工具带来的。
以 Webpack 为例,在构建过程中识别这种 CSS 导入是 css-loader 做的。感兴趣的话可以自行搜索 css-loader 的有关资料。