webpack解析 /deep/失败是由哪个插件解析的
时间: 2023-12-21 10:06:42 浏览: 28
在 Vue.js 2.x 中使用 /deep/ 或者 ::v-deep 会被编译成一个带有 scoped 属性的 CSS 选择器。而这个过程是由 vue-loader 插件中的 postcss-loader 插件中的 postcss-selector-parser 插件解析实现的。
如果你在使用 Vue.js 3.x 版本,/deep/ 已经被废弃,建议使用 ::v-deep 代替,也是同样由 postcss-selector-parser 插件解析实现的。
相关问题
能匹配webpack:///bb/aaa或webpack:///bbb或webpack:///ccc或webpack:///node_modules但是不能匹配webpack:///src
我可以给你一个简单的正则表达式,可以匹配这些字符串,但不能匹配以webpack:///src开头的字符串:
```
^webpack:\/\/\/(bb\/aaa|bbb|ccc|node_modules)(?!\/src)
```
这个正则表达式的意思是:
- `^webpack:\/\/\/`: 匹配以webpack:///开头的字符串。
- `(bb\/aaa|bbb|ccc|node_modules)`: 匹配bb/aaa或bbb或ccc或node_modules。
- `(?!\/src)`: 后面不能跟着/src。
所以这个正则表达式可以匹配以webpack:///bb/aaa、webpack:///bbb、webpack:///ccc、webpack:///node_modules开头的字符串,但不能匹配以webpack:///src开头的字符串。
没有看到webpack:/
根据引用和引用的内容,可能是由于开发环境下的Devtool选项没有正确配置导致Chrome中无法显示webpack://。建议检查vue.config.js文件中的Devtool选项是否正确设置为source-map。如果仍然无法解决问题,可以尝试在webpack配置文件中手动配置devtool选项。具体配置方法可以参考webpack官网的文档。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)