我有一个用于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文件中解析路径。