无法解析外部项目的别名路径

时间:2019-12-19 11:57:09

标签: javascript webpack jsx resolve

我有一个用于React组件的共享项目。 我正在将组件导入其他项目,并希望使用别名以避免长路径。

但是,我无法解析Webpack配置中的路径。 有什么建议吗?

webpack.config

resolve: {
    extensions: ['', '.js', '.jsx'],
    alias: {
        'request-wrapper': path.resolve('../../Shared.Project/Scripts/request-wrapper'),
    }
},

jsx

import { request} from 'request-wrapper';

文件结构

Solution
---Main.Project
-------Area
----------User
------------Views
--------------dashboard
------------------js
---------------------dashboard
-------------------------app.jsx
-------run
---------webpack

---Shared.Project
-----Scripts
--------request-wrapper.js

我是否需要为每个可能使用此别名的app.jsx解析每个单独的路径???如果我在导入语句中写完整路径,则可以使用。只是不作为别名

我目前正在从webpack文件中解析路径。

0 个答案:

没有答案