我有一个React应用程序,使用自定义的Webpack配置(Webpack Encore)。
如何将“src”文件夹设置为资源根目录。
例如:
我想使用
import 'components/someComponent.jsx'
取代
import '../../components/someComponent.jsx'
文件夹结构:
- -应用程序
- --源代码
- ---组件
我有一个React应用程序,使用自定义的Webpack配置(Webpack Encore)。
如何将“src”文件夹设置为资源根目录。
例如:
我想使用
import 'components/someComponent.jsx'
取代
import '../../components/someComponent.jsx'
文件夹结构:
你只需要在 webpack 配置文件中添加以下内容即可。
module.exports = {
// ...
resolve: {
modules: [path.resolve(__dirname, 'app/src')]
}
}
let config = Encore.getWebpackConfig();
config.resolve.alias["~"] = path.resolve(__dirname, 'app/src');
module.exports = config;
import SomeComponent from '~/components/someComponent.jsx'