Question

我需要WebStorm（WS）的解决方案； setup webpack别名适用于src之类的html属性；例如我的webpack.config.js：

const path = require('path');

module.exports = {
    resolve: {
        extensions: ['scss', 'html', 'jsx'],
        root: path.resolve(__dirname),
        alias: {
            components: path.resolve(__dirname, 'components'),
            layout: path.resolve(__dirname, 'layout'),
            static: path.resolve(__dirname, 'static'),
            js: path.resolve(__dirname, 'static/js'),
            media: path.resolve(__dirname, 'static/media'),
            sass: path.resolve(__dirname, 'static/sass'),
            vendors: path.resolve(__dirname, 'static/vendors'),
        },
    },
};

例如查看别名设置，我想使用它

<img src="media/logo/medium.png">

不喜欢

<img src="static/media/logo/medium.png">

自动填充功能不起作用，它不对src这样的html属性使用webpack配置，而仅对import使用。

P.S。我已经知道make文件夹是“ resource root”，但是它仅从资源目录提供自动完成功能。

Answer 1

Webpack解析规则当前仅适用于导入，不支持HTML / CSS中的路径别名。请关注WEB-38331进行更新

使WebStorm对JSX中的HTML标签使用别名

1 个答案: