标签：style url 29 module bulma 2022.7 import css

css使用@import后面加~波浪符号和不加有什么区别？例如：

@import 'bulma/css/bulma.css'
@import '~bulma/css/bulma.

这不是CSS @import的原生规则，而是webpack的css-loader的语法，详见css-loaderss'↓↓↓

要从node_modules路径 (include resolve.modules) 和 for导入样式，请在其alias前面加上~:

@import url(~module/style.css) => require('module/style.css')
@import url('~module/style.css') => require('module/style.css')
@import url(~aliasDirectory/style.css) => require('otherDirectory/style.css')

加~号，类似于一个变量，比如你在webpack中通过alias定义了一些路径为变量，在css中引用时就可以直接以～加路径变量直接引入该路径下文件，而不加的话，应该是 通过相对路径去查找该文件

标签：style,url,29,module,bulma,2022.7,import,css
来源： https://www.cnblogs.com/yehuda/p/16532516.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。