Idea或webstrom配置webpack設置路徑alias實現代碼自動補全功能

作開發的時候,每次import想要代碼提示,經過../../src/components長長的相對路徑用起來很不方便,經過配置webpack的alias就可讓ide實現代碼自動補全功能webpack

配置文件內容alias.config.js

const path = require('path');
module.exports = {
    resolve: {
        alias: {
            '@': path.resolve(__dirname, "src"),
            '_c': path.resolve(__dirname, "src/components"),
        }
    }
};

idea 配置

clipboard.png

這樣就能很愉快的跑起來了

相關文章
相關標籤/搜索