Question

刚刚开始构建自己的Webpack配置。我环顾四周，但似乎找不到。如何设置导入路径以root（src）开始？

CREATE DEFINER=`root`@`localhost` PROCEDURE `addUser`(IN p_Name varchar(100), IN p_Passw varchar(200),
IN p_Tipo varchar(3), IN p_Email varchar(200))
BEGIN
    SET @sql := CONCAT('CREATE USER \'', p_Name, '\'@\'localhost\'', ' IDENTIFIED BY \'', p_Passw, '\'');
    PREPARE stmt FROM @sql;
    EXECUTE stmt;
    INSERT INTO Utilizador (EmailUtilizador, NomeUtilizador,TipoUtilizador) VALUES (p_Email,p_Name,p_Tipo);
    CASE
        WHEN p_Tipo = 'ADM' THEN SET @perm := concat('GRANT appadmin TO \'',p_Name,'\'@\'localhost\'');
        WHEN p_Tipo = 'SEG' THEN SET @perm := concat('GRANT seguranca TO \'',p_Name,'\'@\'localhost\'');
        WHEN p_Tipo = 'CSG' THEN SET @perm := concat('GRANT chefeseguranca TO \'',p_Name,'\'@\'localhost\'');
        WHEN p_Tipo = 'DIR' THEN SET @perm := concat('GRANT diretor TO \'',p_Name,'\'@\'localhost\'');
        WHEN p_Tipo = 'SEN' THEN SET @perm := concat('GRANT sensor TO \'',p_Name,'\'@\'localhost\'');
    END CASE;
    PREPARE grnt FROM @perm;
    EXECUTE grnt;
END

如果我想将一个常量文件导入到我的组件中，则必须使用- src --components ---content ----Content.js --constants ---example.js ---index.js，但是我只想做../../constant

./constants

目前这是我的决心：

import { EXAMPLE } from "./constants"

但是我遇到了无法解决resolve: { modules: [path.resolve(__dirname, './src'), 'node_modules'], extensions: ['.js'], },的错误

Answer 1

使用resolve.alias

  resolve: {
    alias: {
       @: 'src'
    },
    extensions: ['.js'],
  },

然后

import { EXAMPLE } from "@/constants"

。代表当前路径

Answer 2

我通过使用别名解决了这个问题：

  resolve: {
    alias: {
      src: path.resolve(__dirname, 'src')
    }

import { EXAMPLE } from "src/constants"

在Webpack4中设置./src的路径？

2 个答案: