Meituan-Dianping/mpvue

【vue-loader】增加对`~`开头资源路径处理

Open

#692 opened on Jun 27, 2018

View on GitHub
 (1 comment) (0 reactions) (0 assignees)JavaScript (2,080 forks)batch import
help wantedwontfix

Repository metrics

Stars
 (20,428 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

【vue-loader】增加对~开头资源路径处理

问题复现步骤:

无

期望的表现:

以下是 vue-loader 资源路径处理支持情况

编译规则

  • 如果路径以~开头，其后的部分将会被看作模块依赖。这意味着你可以用该特性来引用一个node依赖中的资源：
<img src="~some-npm-package/foo.png">

(13.7.0+) 如果路径以@开头，也会被看作模块依赖。如果你的webpack配置中给@配置了 alias，这就很有用了。所有vue-cli创建的项目都默认配置了将@指向 /src。

如 https://github.com/Meituan-Dianping/mpvue/issues/507#issuecomment-390408563 所诉已经增加对./或../开头资源的处理, 希望增加对~开头资源路径处理。

观察到的表现:

mpvue-loader@1.0.15暂未对~开头资源路径处理

屏幕截图和动态 GIF 图

无

Contributor guide

Research direction
Investigate how mpvue loader handles asset URLs in template compilation. Locate the transform function and add a rule to resolve paths starting with '~' as module dependencies, similar to the existing './' and '../' handling.
Tech stack
javascriptvue
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
Webpack loader configurationmpvue loader internals
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65